<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html rsf:id="html" xmlns="http://www.w3.org/1999/xhtml">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE" />
  <style rsf:id="iconstyle" type="text/css"></style>
  <script rsf:id="scr=portal-matter" src="/library/js/headscripts.js"></script>
  <script src="/lessonbuilder-tool/js/SakaiRSFWidgets.js" rsf:id="fckScript"></script>
  <script src="../js/rsf.js"></script>
  <script src="/library/js/spinner.js"></script>
  <link type="text/css" href="/library/webjars/jquery-ui-themes/1.12.1/smoothness/jquery-ui.min.css" rel="stylesheet" />
  <link rsf:id="scr=portal-matter" href="/library/skin/tool_base.css" type="text/css" rel="stylesheet" media="all" />
  <link rsf:id="scr=portal-matter" href="/library/skin/default-skin/tool.css" type="text/css" rel="stylesheet" media="all" />
  <title rsf:id="msg=simplepage.showpage"></title>

  <script rsf:id="iframeJavascript">
    function resizeiframe_showpage(id) {

      var iframe = document.getElementById(id);
      // workarounds for differing implementations in several browsers
      var doc = (iframe.contentWindow || iframe.contentDocument);
      if (doc.document) doc = doc.document;
      var newsize = doc.body.offsetHeight;
      if (newsize > 32760) newsize = 32760;

      iframe.style.height = (newsize + 20) + 'px';
      setMainFrameHeight(window.name);
    }
  </script>
</head>

<body rsf:id="scr=sakai-body">
  <input type="hidden" id="ckeditor-autosave-context" name="ckeditor-autosave-context" value="lessonsPageAutoSaveContext" />
  <input type='hidden' rsf:id="ckeditor-autosave-entity-id" id="ckeditor-autosave-entity-id" />
  <input type='hidden' rsf:id="lessonsSubnavToolId" id="lessonsSubnavToolId" />
  <input type='hidden' rsf:id="lessonsSubnavTopLevelPageId" id="lessonsSubnavTopLevelPageId" />
  <input type='hidden' rsf:id="lessonsSubnavPageId" id="lessonsSubnavPageId" />
  <input type='hidden' rsf:id="lessonsSubnavItemId" id="lessonsSubnavItemId" />
  <input type='hidden' rsf:id="lessonsCurrentPageId" id="lessonsCurrentPageId" />
  <script>
    includeLatestJQuery('ShowPage.html');
  </script>
  <script>
    includeWebjarLibrary('fullcalendar');
  </script>
  <script rsf:id="datepicker" src="/library/js/lang-datepicker/lang-datepicker.js"></script>
  <script src="$context/js/jqBarGraph.1.1.customized.js"></script>
  <script src="$context/js/jquery.oembed.js"></script>
  <link rel="stylesheet" href="$context/js/jquery.oembed.css" type="text/css" />
  <script src="/library/js/jquery/cluetip/1.2.10/jquery.cluetip.min.js"></script>
  <link rel="stylesheet" href="/library/js/jquery/cluetip/1.2.10/css/jquery.cluetip.css" type="text/css" />
  <link rel="stylesheet" href="/library/editor/ckextraplugins/folder-listing/css/file-tree.css" type="text/css" />
  <script src="$context/js/peer-eval.js"></script>
  <script src="$context/js/hoverIntent.js"></script>
  <script src="/library/editor/ckextraplugins/folder-listing/js/file-tree.js"></script>
  <script src="/library/editor/ckextraplugins/folder-listing/js/folder-listing.js"></script>
  <script src="$context/js/show-page.js"></script>
  <script rsf:id="twitter-library" src="$context/js/twitter.js"></script>
  <script src="$context/js/announcements.js"></script>
  <script src="$context/js/commonGrading.js"></script>
  <script src="$context/js/gradingAjax.js"></script>
  <script src="$context/js/checklistDisplay.js"></script>
  <script src="$context/js/forum-summary.js"></script>
  <script src="$context/js/lessons-calendar.js"></script>
  <link rel="stylesheet" rsf:id="customCSS" type="text/css" />

  <a href="#" rsf:id="redirect-link" id="redirect-link"></a>
  <script rsf:id="redirect">
    $(location).attr('href', $('#redirect-link').attr('href'));
  </script>
  <script rsf:id="refresh">
    parent.location.replace(parent.location);
  </script>
  <script rsf:id="instructoronly">
    // in case an iframe tries to replace the top, we have to give the author a way
    // to get to the page to remove it. This will be cancelled in the javascript
    // after all content has loaded.
    window.onbeforeunload = function() {
      return ""; // default message is OK
    }
  </script>

  <div rsf:id="portletBody" class="portletBody">

<div class="row m-0">
  <div class="column col-12 m-0 p-0 border-0">
    <span rsf:id="tool-bar:" class="navIntraTool" role="application" aria-labelledby="tool-bar::toolbar-label">
      <h2 id="toolbar-label" rsf:id="msg=simplepage.toolbar" class="lb-offscreen"></h2>
      <ul id="toolbar" class="d-inline">
        <li class="contentButton">
            <button class="btn btn-link my-1" type="button" data-bs-toggle="modal" rsf:id="addcontent" id="addcontent" data-bs-target="#addContentDiv" aria-controls="addContentDiv" aria-expanded="false">
              <span rsf:id="msg=simplepage.add-content"></span>
              <i aria-hidden="true" class="bi-plus-lg ms-1"></i>
            </button>
        </li>
        <li class="contentButton dropdown" rsf:id="dropdown" id="dropdown">
            <button class="btn btn-link my-1" type="button" data-bs-toggle="modal" data-bs-target="#moreDiv" aria-controls="moreDiv" aria-expanded="false">
              <span rsf:id="msg=simplepage.more-tools" class="d-none d-lg-inline-block"></span>
              <i class="bi-arrow-down-circle-fill ms-1"></i>
            </button>
        </li>
        <li class="list-group-item m-1 contentButton" rsf:id="remove-student">
            <button class="btn btn-link my-1" type="button">
              <a class="remove-page" href="#" rsf:id="remove-page-student">
                <span rsf:id="msg=simplepage.remove-page" role="menuitem"></span>
              </a>
            </button>
        </li>
        <li class="contentButton">
            <button class="btn btn-link my-1" type="button" rsf:id="layout-link" data-bs-toggle="modal" data-bs-target="#layout-dialog" aria-controls="layout-dialog" aria-expanded="false">
              <span rsf:id="msg=simplepage.layoutlinktext" class="d-none d-xl-inline-block me-1"></span>
              <i class="bi-grid-1x2"></i>
            </button>
        </li>
        <li class="contentButton">
            <button class="btn btn-link my-1" id="reorder-button">
              <a href="#" rsf:id="reorder" tabindex="-1">
                <span aria-hidden="true" class="fa-button-text"></span>
              </a>
            </button>
        </li>
        <li class="contentButton">
            <button class="btn btn-link my-1" id="bulk-edit-pages-button">
              <a href="#" rsf:id="bulk-edit-pages" tabindex="-1">
                <span aria-hidden="true" class="fa-button-text"></span>
              </a>
            </button>
        </li>
        <li class="contentButton">
          <span rsf:id="title-descrip">
            <button class="btn btn-link my-1" rsf:id="edit-title" id="edit-title" type="button" data-bs-toggle="modal" data-bs-target="#edit-title-dialog" aria-controls="edit-title-dialog" aria-expanded="false">
              <span rsf:id="edit-title-text" class="d-none d-xl-inline-block me-1"></span>
              <i class="bi-gear-fill"></i>
            </button>
          </span>
        </li>
      </ul>
    </span>
    <!-- /tool-bar -->
    <div id="contentButtonsForAllRoles" class="text-end">
      <span class="contentButton">
        <a role="button" href="#" rsf:id="print-view" id="print-view" class="btn btn-link my-1 Mrphs-toolTitleNav__link top-icon">
          <span rsf:id="msg=simplepage.print_view" class="Mrphs-itemTitle me-1 d-none d-xl-inline-block"></span>
          <span class="bi-printer" aria-hidden="true"></span>
        </a>
      </span>
      <span class="contentButton" rsf:id="show-print-all">
        <a role="button" href="#" rsf:id="print-all" id="print-all" class="btn btn-link my-1 Mrphs-toolTitleNav__link top-icon">
          <span rsf:id="msg=simplepage.print_all" class="Mrphs-itemTitle me-1 d-none d-xl-inline-block"></span>
          <span class="bi-printer-fill" aria-hidden="true"></span>
        </a>
      </span>
      <span class="contentButton">
        <a role="button" href="#" rsf:id="show-pages" id="show-pages" class="btn btn-link my-1 Mrphs-toolTitleNav__link top-icon">
          <span rsf:id="msg=simplepage.showallpages" class="Mrphs-itemTitle me-1 d-none d-lg-inline-block"></span>
          <span class="bi-list-ol" aria-hidden="true"></span>
        </a>
      </span>
    </div>
  </div>
    
  <div rsf:id="gradingSpan" class="gradingarea column col-12 p-2 border-0 text-end">
    <a role="button" href="#" rsf:id="gradingBack" style="margin-right:2px;background:none" class="usebutton grading-nextprev">&#60;</a><img class="statusImg" src="$context/images/no-status.png" id="statusImg" height="16px" width="16px" alt=""></img><span style="*vertical-align:13%"  rsf:id="msg=simplepage.comments-points"></span><span style="display:none" class="uuidBox" rsf:id="commentsUUID"></span><span style="display:none" class="pointsSpan" rsf:id="commentPoints"></span>
    <input rsf:id="studentPointsBox" id="studentPointsBox" type="text" style="font-size:100%" size="3"></input> / <span rsf:id="topmaxpoints"></span>
    <a role="button" class="usebutton" href="#" rsf:id="msg=simplepage.submit" style="background:none; width:auto; *vertical-align:13%;margin-right:.5em" id="submit-grading"></a> <a role="button" style="background:none" href="#" rsf:id="gradingForward" class="usebutton grading-nextprev">&#62;</a>
  </div>
</div> <!-- /row -->

    <div rsf:id="needPermissions" class="sak-banner-error error-spacingabove error-nospacebelow">
      <p rsf:id="msg=simplepage.needpermissions"></p>
      <a role="button" href="#" rsf:id="callpermissions"></a>
    </div>

    <div rsf:id="hiddenAlert" class="ui-widget instruction error-spacingabove error-nospacebelow" role="alert">
      <div>
        <span class="ui-icon ui-icon-info" style="float: left; margin-right: .3em;"></span>
        <div rsf:id="hidden-text"></div>
      </div>
    </div>

    <div rsf:id="refreshAlert" class="ui-widget instruction error-spacingabove error-nospacebelow" role="alert">
      <div>
        <p><span class="ui-icon ui-icon-info" style="float: left; margin-right: .3em;"></span>
          <span rsf:id="refresh-message"></span> <strong><a role="button" href="#" rsf:id="refresh-link"></a></strong></p>
      </div>
    </div>

    <br rsf:id="breakAfterWarnings" />

    <div rsf:id="titlediv" class="neoPortletTitleWrap">
      <div class="portletTitle title-tools Mrphs-toolTitleNav Mrphs-container--toolTitleNav">
        <div class="title">
          <div rsf:id="crumbdiv" class="fullwidth breadcrumbs" role="navigation">
            <a role="button" href="#" rsf:id="resetbutton2" class="reload">
              <img rsf:id="resetimage2" src="/library/image/transparent.gif" />
            </a>
            <h2><span rsf:id="crumb:"><a style="background:none" href="#" rsf:id="crumb-link"></a><span rsf:id="crumb-follow" class="lessons-siteHierarchy-title"></span><span rsf:id="crumb-separator" class="Mrphs-hierarchy--separator"><i class="fa fa-lg fa-angle-right" aria-hidden="true"></i></span></span></h2>
          </div>
          <a href="#" rsf:id="resetbutton" class="reload">
            <img rsf:id="resetimage" src="/library/image/transparent.gif" />
          </a>
          <h2>
            <div id="owner" rsf:id="owner"></div>
            <span rsf:id="pagetitle"></span>
            <a role="button" class="portlet title-tools title reset" rsf:id="pagetitlelink">
              <span class="Mrphs-toolTitleNav__link Mrphs-toolTitleNav__link--reset"></span>
              <span rsf:id="pagetitletext"></span>
            </a>
          </h2>
        </div>
      </div>
    </div>
    <!-- /titlediv -->

    <div id="subpage-breadcrumb-div" class="subpage-breadcrumb-div my-3"></div>

    <script>
      var breadcrumbs = jQuery(".breadcrumbs span");
      if (jQuery(".oldPortal").size() === 0) {
        const toolbar = jQuery("ul#toolbar");
        if (toolbar.length > 0) {
          toolbar.append(jQuery("#contentButtonsForAllRoles").children(".contentButton").wrapInner('<li class="contentButton"></li>'));
        }
        if (breadcrumbs.size() > 0) {
          jQuery(".subpage-breadcrumb-div").append(jQuery(".breadcrumbs span").slice(1));
          const toolNameElement = jQuery(".header-tool-title a").first();
          if (toolNameElement.length > 0) {
            jQuery(".subpage-breadcrumb-div").prepend('<a id="lessonReset">' + toolNameElement.text().trim() + '</a>');
            jQuery("#lessonReset").attr("href", toolNameElement.attr("href"));
          }
        } else {
          jQuery(".subpage-breadcrumb-div").css({
            "display": "none"
          });
        }
        jQuery(".Mrphs-siteHierarchy").children().wrapAll('<div class="hierarchyWrap" />');
        jQuery(".Mrphs-toolTitleNav__button_container > a").addClass("Mrphs-toolTitleNav__link");
      }

      jQuery(document).ready(function() {
        jQuery('.item, .canEdit').on('keyup', function(e) {
          if (e.which == 9) {
            if (e.target.tagName === 'DIV') {
              jQuery('.edit-col').each(function() {
                $(this).show();
              });
            }
          }
        });
      });
    </script>

    <div class="modal fade" id="addContentDiv" tabindex="-1" aria-labelledby="lessons-content-modal-title">
      <div class="modal-dialog modal-lg">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="lessons-content-modal-title" rsf:id="msg=simplepage.add-content">simplepage.add-content</h5>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
          </div>
          <div class="modal-body">
            <div class="container">
              <div class="row">
                <div class="col-sm-6 d-flex align-items-stretch">
                  <div class="card w-100">
                    <div class="card-header">
                      <h4><span rsf:id="msg=simplepage.content.items"></span></h4>
                    </div>
                    <div class="card-body">
                      <ul>
                        <li class="list-group-item m-1">
                          <a role="button" href="#" rsf:id="add-text" class="add-text-link add-before-param">
                            <span rsf:id="msg.simplepage.text"></span>
                          </a>
                        </li>
                        <li class="list-group-item m-1">
                          <a role="button" rsf:id="add-resource" class="add-resource add-before-param" data-bs-toggle="modal" data-bs-target="#add-multimedia-dialog" aria-controls="add-multimedia-dialog" aria-expanded="false">
                            <span rsf:id="msg.simplepage.resource"></span>
                          </a>
                        </li>
                        <li class="list-group-item m-1">
                          <a role="button" rsf:id="subpage-link" class="subpage-link" data-bs-toggle="modal" data-bs-target="#subpage-dialog" aria-controls="subpage-dialog" aria-expanded="false" href="#">
                            <span rsf:id="msg=simplepage.subpage"></span>
                          </a>
                        </li>
                        <li class="list-group-item m-1" rsf:id="blti-app-li">
                          <a href="#" role="menuitem button" rsf:id="add-blti-app" class="add-before-param">
                            <span rsf:id="msg.simplepage.blti.app"></span>
                          </a>
                        </li>
                        <li class="list-group-item m-1">
                          <a role="button" href="#" rsf:id="add-from-subpage" class="add-before-param">
                            <span rsf:id="simplepage.reorder-addpage"></span>
                          </a>
                        </li>
                        <li class="list-group-item m-1">
                          <a role="button" rsf:id="add-multimedia" class="add-multimedia add-before-param" data-bs-toggle="modal" data-bs-target="#add-multimedia-dialog" aria-controls="add-multimedia-dialog" aria-expanded="false">
                            <span rsf:id="msg.simplepage.multimedia"></span>
                          </a>
                        </li>
                      </ul>
                    </div>
                  </div>
                </div>
                <div class="col-sm-6 d-flex align-items-stretch">
                  <div class="card w-100">
                    <div class="card-header">
                      <h4><span rsf:id="msg=simplepage.linked.content.items"></span></h4>
                    </div>
                    <div class="card-body">
                      <ul>
                        <li class="list-group-item m-1" rsf:id="assignment-li">
                          <a role="button" href="#" rsf:id="add-assignment" class="add-before-param">
                            <span rsf:id="msg.simplepage.assignment"></span>
                          </a>
                        </li>
                        <li class="list-group-item m-1" rsf:id="quiz-li">
                          <a role="button" href="#" rsf:id="add-quiz" class="add-before-param">
                            <span rsf:id="msg.simplepage.quiz"></span>
                          </a>
                        </li>
                        <li class="list-group-item m-1" rsf:id="forum-li">
                          <a role="button" class="add-forum-link add-before-param" href="#" rsf:id="add-forum">
                            <span rsf:id="msg.simplepage.forum"></span>
                          </a>
                        </li>
                        <li class="list-group-item m-1">
                          <a role="menuitem" href="#" rsf:id="add-folder" class="add-folder add-before-param">
                            <span rsf:id="msg.simplepage.folder"></span>
                          </a>
                        </li>
                        <li class="list-group-item m-1" rsf:id="calendar-li">
                          <a role="button" href="#" id="calendar-link" rsf:id="calendar-link" class="calendar-link">
                            <span rsf:id="msg=simplepage.calendarLinkText"></span>
                          </a>
                          <form rsf:id="add-calendar-form" style="display:none" action="#" id="add-calendar-form" method="post" enctype="multipart/form-data">
                            <input type="hidden" rsf:id="calendar-addBefore" id="calendar-addBefore" />
                            <input type="hidden" rsf:id="csrf29" />
                            <input type="submit" rsf:id="add-calendar" id="add-calendar" />
                          </form>
                        </li>
                        <li class="list-group-item m-1" rsf:id="announcements-li">
                          <a role="menuitem" href="#" id="announcements-link" rsf:id="announcements-link" data-bs-toggle="modal" data-bs-target="#add-announcements-dialog" aria-controls="add-announcements-dialog" aria-expanded="false">
                            <span rsf:id="msg=simplepage.announcementsLinkText"></span>
                          </a>
                        </li>
                        <li class="list-group-item m-1" rsf:id="forum-summary-li">
                          <a role="menuitem" href="#" rsf:id="forum-summary-link" class="forum-summary-link" data-bs-toggle="modal" data-bs-target="#add-forum-summary-dialog" aria-controls="add-forum-summary-dialog" aria-expanded="false">
                            <span rsf:id="msg=simplepage.forumSummaryLinkText"></span>
                          </a>
                        </li>
                        <li class="list-group-item m-1" rsf:id="twitter-li">
                          <a href="#" role="menuitem" id="twitter-link" rsf:id="add-twitter" data-bs-toggle="modal" data-bs-target="#add-twitter-dialog" aria-controls="add-twitter-dialog" aria-expanded="false" >
                            <span rsf:id="msg=simplepage.twitter"></span>
                          </a>
                        </li>
                      </ul>
                    </div>
                  </div>
                </div>
              </div>
              <div class="row mt-sm-3">
                <div class="col-sm-6 d-flex align-items-stretch">
                  <div class="card w-100">
                    <div class="card-header">
                      <h4><span rsf:id="msg=simplepage.advanced.content.items"></span></h4>
                    </div>
                    <div class="card-body">
                      <ul>
                        <li class="list-group-item m-1" rsf:id="checklist-li">
                          <a role="button" class="add-checklist-link add-before-param" href="#" rsf:id="add-checklist">
                            <span rsf:id="msg.simplepage.checklist"></span>
                          </a>
                        </li>
                        <li class="list-group-item m-1" rsf:id="question-li">
                          <a role="button" rsf:id="question-link" class="question-link" data-bs-toggle="modal" data-bs-target="#question-dialog" aria-controls="question-dialog" aria-expanded="false" href="#">
                            <span rsf:id="msg=simplepage.questionLinkText"></span>
                          </a>
                        </li>
                        <li class="list-group-item m-1" rsf:id="student-li">
                          <a id="add-comments-link" rsf:id="add-comments-link" href="#" role="menuitem button">
                            <span rsf:id="msg=simplepage.comments"></span>
                          </a>
                          <form rsf:id="add-comments-form" style="display:none" action="#" id="add-comments-form" method="post" enctype="multipart/form-data">
                            <input type="hidden" rsf:id="comments-addBefore" id="comments-addBefore" />
                            <input type="hidden" rsf:id="csrf25" />
                            <input type="submit" rsf:id="add-comments" id="add-comments" />
                          </form>
                        </li>
                        <li class="list-group-item m-1" rsf:id="studentcontent-li">
                          <a id="add-student-link" rsf:id="add-student-link" href="#" role="menuitem button">
                            <span rsf:id="msg=simplepage.add-student-content"></span>
                          </a>
                          <form rsf:id="add-student-form" style="display:none" action="#" id="add-student-form" method="post" enctype="multipart/form-data">
                            <input type="hidden" rsf:id="add-student-addBefore" id="add-student-addBefore" />
                            <input type="hidden" rsf:id="csrf26" />
                            <input type="submit" rsf:id="add-student" id="add-student" />
                          </form>

                        </li>
                        <li class="list-group-item m-1" rsf:id="addwebsite-li">
                          <a href="#" role="menuitem button" data-bs-toggle="modal" data-bs-target="#add-multimedia-dialog" aria-haspopup="dialog" aria-controls="add-multimedia-dialog" rsf:id="add-website" class="add-website add-before-param">
                            <span rsf:id="msg.simplepage.website"></span>
                          </a>
                        </li>
                        <li class="list-group-item m-1" rsf:id="blti-tool:">
                          <a href="#" role="menuitem button" rsf:id="add-blti-tool" class="add-before-param">
                            <span rsf:id="msg.simplepage.blti"></span>
                          </a>
                        </li>
                        <li class="list-group-item m-1" rsf:id="blti-li">
                          <a href="#" role="menuitem button" rsf:id="add-blti" class="add-before-param">
                            <span rsf:id="msg.simplepage.blti"></span>
                          </a>
                        </li>
                      </ul>
                    </div>
                  </div>
                </div>
                <div class="col-sm-6 d-flex align-items-stretch">
                  <div id="layout-elements" class="card w-100">
                    <div class="card-header" rsf:id="add-break1">
                      <h4><span rsf:id="msg=simplepage.layout.elements"></span></h4>
                    </div>
                    <div class="card-body">
                      <ul>
                        <li class="list-group-item m-1 addbreak" rsf:id="add-break2">
                          <a role="button" href="#" data-bs-dismiss="modal" rsf:id="add-break3" class="add-break-section">
                            <span rsf:id="msg=simplepage.break-items"></span>
                          </a>
                        </li>
                        <li class="list-group-item m-1 addbreak" rsf:id="add-break4">
                          <a role="button" href="#" data-bs-dismiss="modal" rsf:id="add-break5" class="add-break-column">
                            <span rsf:id="msg=simplepage.break-columns"></span>
                          </a>
                        </li>
                      </ul>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <p class="addContentMessage instruction" rsf:id="msg=simplepage.add-item-page"></p>
          </div>
        </div>
      </div>
    </div>

    <div class="modal fade" id="subpage-dialog" rsf:id="subpage-dialog" tabindex="-1" aria-labelledby="subpageLabel" aria-hidden="true">
      <form action="#" rsf:id="subpage-form" class="controlsPanel">
        <div class="modal-dialog modal-lg">
          <div class="modal-content">
            <div class="modal-header">
              <h5 class="modal-title" id="subpageLabel" rsf:id="msg=simplepage.subpage">simplepage.subpageSubpage</h5>
              <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
              <div class="ui-widget" id="subpage-error-container">
                <div class="sak-banner-error" id="subpage-error">
                </div>
              </div>

              <input type="hidden" rsf:id="csrf7" />
              <div class="form-group">
                <label rsf:id="subpage-label" for="subpage-title"></label>
                <input type="text" name="subpage-title" id="subpage-title" rsf:id="subpage-title" aria-describredby="invalid-chars" maxlength="255" length="30" />
                <div class="sak-banner-info"><span id="invalid-chars" rsf:id="msg=simplepage.subpage_invalid_chars"></span></div>
              </div>

              <div class="form-group">
                <input type="checkbox" name="subpage-next" id="subpage-next" rsf:id="subpage-next" />
                <label for="subpage-next"><span rsf:id="msg=simplepage.subpage-next"></span></label>
              </div>
              <div class="form-group">
                <input type="checkbox" name="subpage-button" id="subpage-button" rsf:id="subpage-button" />
                <label for="subpage-button"><span rsf:id="msg=simplepage.subpage-button"></span></label>
              </div>
              <div class="form-group" id="subpage-button-color-group">
                <label for="subpage-btncolor-selection" rsf:id="msg=simplepage.btncolor" id="subpage-buttonColorLabel"></label>
                <select rsf:id="subpage-btncolor" id="subpage-btncolor"></select>
              </div>
              <input type="hidden" rsf:id="subpage-add-before" id="subpage-add-before" />
            </div>
            <div class="modal-footer">
              <button class="btn-primary" type="submit" rsf:id="create-subpage" onclick="event.returnValue = checkSubpageForm(); return checkSubpageForm();"></button>
              <a class="btn btn-secondary" id="subpage-choose" role="button" rsf:id="subpage-choose" style="display:none;"><span rsf:id="msg=simplepage.choose_existing_page"></span></a>
              <button class="btn btn-secondary" id="subpage-choose-button" rsf:id="subpage-choose-button"></button>
              <button class="btn btn-secondary" type="submit" data-bs-dismiss="modal" rsf:id="cancel-subpage"></button>
            </div>
          </div>
        </div>
      </form>
    </div>

    <div id="add-multimedia-dialog" rsf:id="add-multimedia-dialog" class="modal fade" tabindex="-1" aria-labelledby="addMultimediaLabel" aria-hidden="true">
      <div class="modal-dialog modal-lg">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="addMultimediaLabel" rsf:id="msg=simplepage.add-content">simplepage.add-content</h5>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
          </div>
          <div class="modal-body">
            <div class="ui-widget" id="mm-error-container">
            <div class="sak-banner-error" id="mm-error">
            </div>
          </div>
          <span id="mm-max-file-upload-size" style="display: none" rsf:id="mm-max-file-upload-size">max</span>  
          <form action="#" rsf:id="add-multimedia-form" method="post" enctype="multipart/form-data">
            <input type="hidden" rsf:id="csrf9" />
            <div class="">
              <p class="" rsf:id="mm-add-files-instructions"></p>
              <p class="mm-additional">
                <a href="#" rsf:id="mm-additional-instructions" target="_blank" class="mm-additional-instructions"></a>
              </p>
              <p class="required mm-additional-website">
                <a href="#" rsf:id="mm-additional-website-instructions" target="_blank" class="mm-additional-website-instructions"></a>
              </p>
            </div>

            <div class="border2 controlsPanel">
              <div id="mm-name-section">
                <p class="shorttext required">
                  <label rsf:id="msg=simplepage.name_label" for="mm-name"></label>
                  <input type="text" name="mm-name" rsf:id="mm-name" id="mm-name" size="30" maxlength="255" class="edit-form-input" />
                </p>
              </div>
              <div id="collapse-bars-parent">
                <div class="card">
                  <div class="card-header">
                    <h4 class="card-title">
                                <span class="fa fa-upload"> </span>
                                <a id="new-file-section-collapse" data-bs-toggle="collapse" href="#new-file-section" rsf:id="msg=simplepage.new_file" data-parent="#collapse-bars-parent" />
                            </h4>
                  </div>
                  <div id="new-file-section" class="collapse in">
                    <div class="card-body">
                      <p class="required">
                        <textarea id="mm-names" rsf:id="mm-names" style="display:none"></textarea>
                        <label rsf:id="msg=simplepage.upload_label" for="mm-file" class="mm-file">File</label>
                        <div class="add-file-div">
                          <p class="add-another-file" style="margin-top:10px; display:none" rsf:id="msg=simplepage.another-file">xxx</p>
                          <input type="file" name="mm-file" id="mm-file" style="width:95%" class="edit-multimedia-input mm-file-input selector-helper" multiple="" />
                        </div>
                        <span id="mm-file-replace-group">
                                  <input type="checkbox" id="mm-file-replace" rsf:id="mm-file-replace" />
                                  <label for="mm-file-replace">
                                            <span rsf:id="msg=simplepage.file-replace"></span>
                        </label>
                        </span>
                      </p>
                    </div>
                  </div>
                </div>
                <div id="new-url-panel" class="card">
                  <div class="card-header">
                    <h4 class="card-title">
                                <span class="fa fa-external-link"> </span>
                                <a id="new-url-section-collapse" data-bs-toggle="collapse" href="#new-url-section" rsf:id="msg=simplepage.new_url" data-parent="#collapse-bars-parent" />
                            </h4>
                  </div>
                  <div id="new-url-section" class="collapse">
                    <div class="card-body">
                      <p class="required mm-url-section">
                        <label id="addLink_label" rsf:id="msg=simplepage.addLink_label_add_or" for="mm-url">URL</label>
                        <input type="text" name="mm-url" rsf:id="mm-url" id="mm-url" class="edit-multimedia-input multimedia-url-box" />
                      </p>
                    </div>
                  </div>
                </div>
                <div id="existing-resource-panel" class="card">
                  <div class="card-header">
                    <h4 class="card-title">
                                <span class="fa fa-folder-open"> </span>
                                <a id="existing-resource-section-collapse" data-bs-toggle="collapse" href="#existing-resource-section" rsf:id="msg=simplepage.existing_file" data-parent="#collapse-bars-parent" />
                            </h4>
                  </div>
                  <div id="existing-resource-section" class="collapse">
                    <div class="card-body">
                      <label id="select-resource-label" rsf:id="msg=simplepage.choose_existing_caption" for="mm-choose">resource</label>
                      <p class="required mm-resources-section" style="">
                        <a role="button" class="btn btn-outline-secondary mt-2" href="#" id="mm-choose" rsf:id="mm-choose">...or choose existing file</a>
                      </p>
                    </div>
                  </div>
                </div>
              </div>
              <p rsf:id="mm-prerequisite-section" class="checkbox mm-prerequisite-section my-3">
                <input type="checkbox" name="mm-prerequisite" id="mm-prerequisite" rsf:id="mm-prerequisite" />
                <label for="mm-prerequisite"><span rsf:id="msg=simplepage.prerequisites_label"></span></label>
              </p>

              <div id="mm-test-embed-results" class="mm-test-text">
                <div id="mm-test-embed-contents" rsf:id="msg=simplepage.mm-test-embed"></div>
              </div>

              <div id="mm-test-addedhttps" class="mm-test-text">
                <span rsf:id="msg=simplepage.mm-test-addedhttp-1"></span><span id='mm-test-added-url'></span><span rsf:id="simplepage.mm-test-addedhttp-2"></span>
              </div>

              <div id="mm-test-oembed-results" class="mm-test-text">
                <p class="mm-test-text-p" rsf:id="msg=simplepage.mm-test-oembed">
                </p>
                <a id="mm-test-prototype" href="#"> test image </a>
              </div>

              <div id="mm-test-iframe-results" class="mm-test-text">
                <p class="mm-test-text-p" rsf:id="msg=simplepage.mm-test-iframe">
                </p>
                <iframe id="mm-test-iframe-iframe"></iframe>
              </div>

              <input type="button" class="bold" id="mm-test-tryother" rsf:id="mm-test-tryother" />
              <input class="bold" type="submit" id="mm-test" rsf:id="mm-test" />
              <input class="bold" type="submit" id="mm-add-item" rsf:id="mm-add-item" />
              <input type="button" class="bold mm-test-reset" rsf:id="mm-test-start-over" />
              <input type="submit" rsf:id="mm-cancel" onclick="xCloseAddMultimediaDialog(); return false;" />
              <input type="hidden" rsf:id="mm-item-id" id="mm-item-id" />
              <input type="hidden" rsf:id="mm-add-before" id="mm-add-before" />
              <input type="hidden" rsf:id="mm-is-mm" id="mm-is-mm" />
              <input type="hidden" rsf:id="mm-display-type" id="mm-display-type" />
              <input type="hidden" rsf:id="mm-mime-type" id="mm-mime-type" />
              <input type="hidden" rsf:id="mm-is-website" id="mm-is-website" />
              <input type="hidden" rsf:id="mm-is-caption" id="mm-is-caption" />
              <p id="checkingwithhost" rsf:id="msg=simplepage.checkingwithhost"></p>
              <p id="mm-loading" rsf:id="msg=simplepage.loading"></p>
            </div>
          </form>
          </div>
        </div>
      </div>
    </div>

    <div id="edit-item-dialog" rsf:id="edit-item-dialog" class="modal fade" tabindex="-1" aria-labelledby="editItemModalLabel" aria-hidden="true">
      <form action="#" rsf:id="edit-form" class="controlsPanel">
        <div class="modal-dialog modal-lg">
          <div class="modal-content">
            <div class="modal-header">
              <h5 class="modal-title" id="editItemModalLabel" rsf:id="msg=simplepage.edititem_header">simplepage.edititem_header</h5>
              <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
              <div class="ui-widget" id="edit-item-error-container">
                <div class="sak-banner-error" id="edit-item-error">
                </div>
              </div>
              <input type="hidden" rsf:id="csrf8" id="csrf8" />
              <div id="accordion">
                <div class="card mt-2 displayPanel">
                  <div class="card-header edit-header">
                    <span rsf:id="msg=simplepage.display"></span>
                  </div>
                  <div class="card-body">
                    <p id="pathdiv">
                      <label rsf:id="msg=simplepage.path" for="path">Path</label>
                      <span id="path" class="instruction"></span>
                    </p>

                    <p class="shorttext required row">
                      <label rsf:id="name-label" class="col-sm-2" for="name"></label>
                      <input type="text" name="name" rsf:id="name" id="name" size="30" maxlength="255" class="edit-form-input col-sm-6" />
                      <br />
                    </p>

                    <div class="shorttext required row">
                      <div rsf:id="description-label" for="description" class="col-sm-2 itemDesc"></div>
                      <textarea name="description" id="description" rsf:id="description" class="edit-form-input" rows="6"></textarea>
                    </div>

                    <div rsf:id="changeDiv">
                      <p class="shorttext required" id="change-assignment-p">
                        <a role="button" href="#" rsf:id="change-assignment" id="change-assignment"><span rsf:id="msg.simplepage.change_assignment"></span></a>
                      </p>

                      <p class="shorttext required" id="change-forum-p">
                        <a role="button" href="#" rsf:id="change-forum" id="change-forum"><span rsf:id="msg=simplepage.change_forum"></span></a>
                      </p>

                      <p class="shorttext required" id="change-blti-p">
                        <a role="button" href="#" rsf:id="change-blti" id="change-blti"><span rsf:id="msg=simplepage.change_blti"></span></a>
                      </p>

                      <p class="shorttext required" id="change-quiz-p">
                        <a role="button" href="#" rsf:id="change-quiz" id="change-quiz"><span rsf:id="msg.simplepage.change_quiz"></span></a>
                      </p>

                      <p class="shorttext required" id="change-resource-p">
                        <a role="button" href="#" rsf:id="change-resource" id="change-resource"><span rsf:id="msg.simplepage.change_resource"></span></a>
                      </p>

                      <p class="shorttext required" id="change-page-p">
                        <a role="button" href="#" rsf:id="change-page" id="change-page"><span rsf:id="msg.simplepage.change_page"></span></a>
                      </p>
                    </div>

                    <p class="shorttext required" id="edit-item-object-p">
                      <a role="button" href="#" rsf:id="edit-item-object" id="edit-item-object"><span rsf:id="edit-item-text" id="edit-item-text"></span></a>
                    </p>

                    <p class="shorttext required" id="edit-item-settings-p">
                      <a role="button" href="#" rsf:id="edit-item-settings" id="edit-item-settings"><span rsf:id="edit-item-settings-text" id="edit-item-settings-text"></span></a>
                    </p>

                    <div class="pageItem">
                      <input type="checkbox" name="item-next" id="item-next" rsf:id="item-next" />
                      <label for="item-next" id="label-item-next"><span rsf:id="msg=simplepage.subpage-next"></span></label>
                    </div>

                    <div id="newwindowstuff">
                      <input type="checkbox" name="item-newwindow" id="item-newwindow" rsf:id="item-newwindow" />
                      <label for="item-newwindow" id="label-item-newwindow"><span rsf:id="msg=simplepage.usenewwindow"></span></label>
                    </div>
                  </div>
                </div>

                <div id="formatstuff">
                  <div class="card mt-2">
                    <div class="card-header edit-header">
                      <button type="button" class="accordionBtn collapsed" rsf:id="msg=simplepage.format.heading" data-bs-toggle="collapse" data-bs-target="#formatstuffbody"></button>
                    </div>
                    <div id="formatstuffbody" class="collapse">
                      <div class="card-body">
                        <span rsf:id="format-select" />
                        <input rsf:id="format-window" type="radio" name="format" value="window" id="format-window" class="format" />
                        <label for="format-window"><span rsf:id="msg=simplepage.format.window"></span></label>
                        <br />
                        <input rsf:id="format-page" type="radio" name="format" value="page" id="format-page" class="format" />
                        <label for="format-page"><span rsf:id="msg=simplepage.format.page"></span></label>
                        <br />
                        <input rsf:id="format-inline" type="radio" name="format" value="inline" id="format-inline" class="format" />
                        <label for="format-inline"><span rsf:id="msg=simplepage.format.inline"></span></label>
                        <br />

                        <p class="shorttext required" id="edit-height">
                          <label rsf:id="msg=simplepage.height_label" for="edit-height-value"></label>
                          <input type="text" name="edit-height-value" rsf:id="edit-height-value" id="edit-height-value" length="30" class="edit-form-input" />
                          <br />
                        </p>
                      </div>
                    </div>
                  </div>
                </div>

                <div id="stylingstuff" class="stylingstuff card mt-2">
                  <div class="edit-header card-header">
                    <button type="button" rsf:id="msg=simplepage.layoutstyle" data-bs-toggle="collapse" data-bs-target="#stylingstuffbody" class="collapsed accordionBtn"></button>
                  </div>
                  <div id="stylingstuffbody" class="collapse">
                    <div class="card-body">
                      <div class="pageItem">
                        <input type="checkbox" name="item-button" id="item-button" rsf:id="item-button" />
                        <label for="item-button" id="label-item-button"><span rsf:id="msg=simplepage.subpage-button"></span></label>
                        <br />
                        <div class="row-no-margin color-select-section">
                          <label for="btncolor" rsf:id="msg=simplepage.btncolor" class="col-sm-1" id="buttonColorLabel"></label>
                          <select rsf:id="btncolor" class="col-sm-2" id="btncolor">
                          </select>
                          <div class="col-sm-6">
                            <p rsf:id="msg=simplepage.forcebtn.forced" id="btncolor-forced" class="force-btn-msg" style="display: none"></p>
                            <p rsf:id="msg=simplepage.needbtn" id="needbtn" class="force-btn-msg" style="display: none;"></p>
                          </div>
                        </div>
                        <br />
                      </div>
                      <p class="shorttext">
                        <label for="indent-level"><span rsf:id="msg=simplepage.indent.level" /></label>
                        <select rsf:id="indent-level" name="indent-level" id="indent-level" />
                      </p>
                      <p class="shorttext">
                        <label for="customCssClass" rsf:id="custom-css-label"></label>
                        <input rsf:id="customCssClass" type="text" id="customCssClass" length="30" maxlength="99" class="edit-form-input" />
                      </p>
                    </div>
                  </div>
                </div>

                <input type="hidden" rsf:id="item-id" id="item-id" />

                <div rsf:id="permDiv">
                  <div id="prereqstuff" class="card mt-2">
                    <div class="card-header edit-header">
                      <button type="button" rsf:id="msg=simplepage.prereqs" data-bs-toggle="collapse" data-bs-target="#prereqstuffbody" class="collapsed accordionBtn"></button>
                    </div>
                    <div id="prereqstuffbody" class="collapse">
                      <div class="card-body">
                        <p class="checkbox">
                          <input type="checkbox" name="item-prerequisites" id="item-prerequisites" rsf:id="item-prerequisites" />
                          <label for="item-prerequisites"><span rsf:id="msg=simplepage.prerequisites_label"></span></label>
                        </p>

                        <p class="checkbox">
                          <input type="checkbox" name="item-required" id="item-required" rsf:id="item-required" />
                          <label for="item-required"><span rsf:id="msg=simplepage.require" id="require-label"></span></label>
                        </p>

                        <p class="checkbox reqCheckbox">
                          <input type="checkbox" class="indent" name="item-required2" id="item-required2" rsf:id="item-required2" />
                          <label for="item-required2"><span rsf:id="msg=simplepage.require" id="require-label2"></span></label>
                        </p>

                        <select id="assignment-dropdown" rsf:id="assignment-dropdown">
                          <option rsf:id="option:"><span rsf:id="optionText"></span></option>
                        </select>
                        <p class="indnt3">
                          <span class="shorttext">
                             <input id="assignment-points" rsf:id="assignment-points" size="5" type="text"/>
                           </span>
                          <label for="assignment-points" id="assignment-points-label"> points on the assignment</label>
                        </p>
                        <hr />
                        <sakai-condition-editor rsf:id="common-condition-editor" id="common-condition-editor"></sakai-condition-editor>
                        <hr />
                        <sakai-condition-picker rsf:id="common-condition-picker" id="common-condition-picker"></sakai-condition-picker>
                      </div>
                    </div>
                  </div>

                  <div class="card mt-2">
                    <div class="card-header edit-header" id="visibility-header">
                      <button type="button" class="accordionBtn" rsf:id="msg=simplepage.visibility" data-bs-toggle="collapse" data-bs-target="#visibilitybody" aria-expanded="true">
                      </button>
                    </div>
                    <div id="visibilitybody" class="collapse show">
                      <div class="card-body">
                        <div class="pageItem">
                          <input type="checkbox" id="page-releasedate2" rsf:id="page-releasedate2" />
                          <label for="releaseDate2:1:date-field"><span rsf:id="msg=simplepage.page.releasedate2"></span></label>
                          <div id="releaseDiv2" style="margin-left:3em">
                            <span rsf:id="releaseDate2:" id="releaseDate2">
                              <span style="display:none" rsf:id="sbReleaseDate" id="sbReleaseDate"></span>
                              <input rsf:id="release_date2" type="text" id="release_date2" />
                            </span>
                          </div>
                        </div>
                        <p class="checkbox pageItem">
                          <input type="checkbox" id="hide2" rsf:id="hide2" />
                          <label for="hide2"><span rsf:id="msg=simplepage.hide_page_from_users"></span></label>
                        </p>
                        <p id="editgroups" class="edit-group">
                          <a role="button" href="javascript:void(0);"><span rsf:id="msg=simplepage.edit-group"></span></a>
                        </p>
                        <p id="resource-group-inherited" rsf:id="msg=simplepage.resource-group-inherited"></p>
                        <div id="grouplist" rsf:id="grouplist" class="grouplist">
                          <span rsf:id="group-list-span" />
                          <p rsf:id="msg=simplepage.select-group"></p>
                          <p id="select-resource-group" rsf:id="msg=simplepage.select-resource-group"></p>
                          <div rsf:id="select-group-list:">
                            <p class="checkbox">
                              <input type="checkbox" rsf:id="select-group" />
                              <span rsf:id="select-group-text" class="group-name"></span>
                            </p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="modal-footer">
              <button type="submit" class="btn-primary" onclick="event.returnValue = checkEditItemForm(); return checkEditItemForm();" id="edit-item" rsf:id="edit-item"></button>
              <button type="button" class="btn btn-secondary" data-bs-dismiss="modal" rsf:id="edit-item-cancel"></button>
            </div>
          </div>
        </div>
      </form>
    </div>

    <div id="edit-multimedia-dialog" rsf:id="edit-multimedia-dialog" class="modal fade" tabindex="-1" aria-labelledby="editMultimediaLabel" aria-hidden="true">
      <form action="#" rsf:id="edit-multimedia-form" class="controlsPanel">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="editMultimediaLabel" rsf:id="msg=simplepage.editMultimedia">simplepage.editMultimedia</h5>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
          </div>
          <div class="modal-body">
              <input type="hidden" rsf:id="csrf10" />
              <div id="accordion2">
                <div class="card">
                  <div class="card-header edit-header">
                    <span rsf:id="msg=simplepage.display"></span>
                  </div>
                  <div class="card-body">
                    <p class="shorttext required mm-path">
                      <label rsf:id="msg=simplepage.path" for="path">Path</label>
                      <span id="mm-path" class="instruction"></span>
                      <br />
                    </p>

                    <p class="shorttext required" id="width-p">
                      <label rsf:id="width-label" for="width" class="col-sm-2">Page Title</label>
                      <input type="text" name="width" rsf:id="width" id="width" length="30" class="edit-multimedia-input" />
                      <br />
                    </p>

                    <p class="shorttext required" id="height-p">
                      <label rsf:id="height-label" for="height" class="col-sm-2">Page Title</label>
                      <input type="text" name="height" rsf:id="height" id="height" length="30" class="edit-multimedia-input" />
                      <br />
                    </p>
                    <p class="shorttext required" id="iframe-note" rsf:id="msg=simplepage.iframe.auto">
                    </p>

                    <p class="shorttext required">
                      <label rsf:id="alt-label" for="alt" class="col-sm-1">Page Title</label>
                      <input type="text" name="alt" rsf:id="alt" id="alt" class="edit-multimedia-input wideinput" />
                      <br />
                    </p>

                    <p class="shorttext required">
                      <label rsf:id="description2-label" for="description2">Page Title</label>
                      <br />
                      <textarea name="description2" rsf:id="description2" id="description2" rows="5" class="edit-multimedia-input" style="width:98%"></textarea>
                    </p>
                    <p class="shorttext required" id="change-resource-mm-p">
                      <a role="button" href="#" rsf:id="change-resource-mm" id="change-resource-mm"><span rsf:id="msg.simplepage.change_resource"></span></a>
                    </p>
                  </div>
                </div>

                <div class="card mt-2">
                  <div class="card-header edit-header">
                    <button type="button" class="accordionBtn collapsed" rsf:id="msg=simplepage.prereqs" data-bs-toggle="collapse" data-bs-target="#mm-prereqbody"></button>
                  </div>
                  <div class="collapse" id="mm-prereqbody">
                    <div class="card-body">
                      <p rsf:id="multi-prerequisite-section" class="checkbox">
                        <input type="checkbox" name="multi-prerequisite" id="multi-prerequisite" rsf:id="multi-prerequisite" />
                        <label for="multi-prerequisite"><span rsf:id="msg=simplepage.prerequisites_label"></span></label>
                      </p>
                      <hr />
                      <sakai-condition-picker rsf:id="multimedia-condition-picker" id="multimedia-condition-picker"></sakai-condition-picker>
                    </div>
                  </div>

                </div>
                <div class="card mt-2">
                  <div class="card-header edit-header">
                    <button type="button" class="accordionBtn collapsed" rsf:id="msg=simplepage.visibility" data-bs-toggle="collapse" data-bs-target="#mm-visibility"></button>
                  </div>
                  <div class="collapse in" id="mm-visibility">
                    <div class="card-body">
                      <p id="editgroups-mm" class="edit-group">
                        <a role="button" href="javascript:void(0);"><span rsf:id="msg=simplepage.edit-group"></span></a>
                      </p>
                    </div>
                  </div>
                </div>

              </div>
              <input type="hidden" rsf:id="multimedia-item-id" id="multimedia-item-id" />
          </div>
          <div class="modal-footer">
            <button class="btn-primary" type="submit" id="edit-multimedia-item" rsf:id="edit-multimedia-item"></button>
            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal" rsf:id="edit-multimedia-cancel"></button>
            <button type="submit" class="btn btn-secondary deleteButton" rsf:id="delete-multimedia-item"></button>
          </div>
        </div>
      </div>
      </form>
    </div>

    <div id="movie-dialog" rsf:id="movie-dialog" class="modal fade" tabindex="-1" aria-labelledby="movieModalLabel" aria-hidden="true">
      <form action="#" rsf:id="movie-form" class="controlsPanel">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="movieModalLabel" rsf:id="msg=simplepage.edititem_header">simplepage.edititem_header</h5>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
          </div>
          <div class="modal-body">

            <div class="ui-widget" id="movie-error-container">
              <div class="sak-banner-error" id="movie-error">
              </div>
            </div>

            <input type="hidden" rsf:id="csrf18" />
            <input type="hidden" rsf:id="movieEditId" id="movieEditId" />
            <p class="shorttext required" id="movie-width-p">
              <label for="movie-width">Width: </label>
              <input type="text" name="width" rsf:id="movie-width" id="movie-width" length="30" class="edit-movie-input" />
              <br />
            </p>

            <p class="shorttext required" id="movie-height-p">
              <label for="movie-height">Height: </label>
              <input type="text" name="height" rsf:id="movie-height" id="movie-height" length="30" class="edit-movie-input" />
              <br />
            </p>

            <p class="shorttext required">
              <label rsf:id="msg=simplepage.path" for="path">Path</label>
              <span id="movie-path"></span>
              <br />
            </p>

            <p class="shorttext required">
              <label rsf:id="description3-label" for="description3">Page Title</label>
              <br />
              <textarea name="description3" rsf:id="description3" id="description3" rows="5" class="edit-multimedia-input"></textarea>
            </p>
            <p class="shorttext required" id="change-resource-movie-p">
              <a role="button" href="#" class="change-resource-movie" rsf:id="change-resource-movie" id="change-resource-movie"><span rsf:id="msg.simplepage.change_resource"></span></a>
            </p>
            <p class="shorttext required" id="change-caption-movie-p">
              <a role="button" href="#" class="change-resource-movie" rsf:id="change-caption-movie" id="change-caption-movie"></a>
            </p>
            <p id="editgroups-movie" class="edit-group">
              <a role="button" href="#"><span rsf:id="msg=simplepage.edit-group"></span></a>
            </p>

            <p class="checkbox">
              <input type="checkbox" name="movie-prerequisite" id="movie-prerequisite" rsf:id="movie-prerequisite" />
              <label for="movie-prerequisite"><span rsf:id="msg=simplepage.prerequisites_label"></span></label>
            </p>

            <div class="expert" id="expert-movie-toggle-div">
              <p style="margin-top:0px; margin-bottom:0px">
                <a role="button" href="#" id="expert-movie-toggle" rsf:id="msg=simplepage.expert_toggle"></a>
              </p>
            </div>

            <div class="expert" id="expert-movie">
              <p style="margin-top:0px; margin-bottom:0px">
                <span rsf:id="msg=simplepage.tag_is"></span>
                <span rsf:id="msg=simplepage.tag_object"></span>
              </p>
              <p rsf:id="msg=simplepage.expert_intro" style="margin-top:0px"></p>
              <label rsf:id="msg=simplepage.mimetype_label" for="mimetype4"></label>
              <br />
              <input type="text" name="mimetype" rsf:id="mimetype4" id="mimetype4" class="edit-movie-input wideinput" />
              <br />
            </div>
          </div>
          <div class="modal-footer">
            <button type="submit" class="btn btn-link btn-primary" onclick="event.returnValue = checkMovieForm($('#movie-width').val().trim(), $('#movie-height').val().trim()); return checkMovieForm($('#movie-width').val().trim(), $('#movie-height').val().trim());" id="update-movie" rsf:id="update-movie"></button>
            <button type="button" class="btn btn-link" rsf:id="movie-cancel" data-bs-dismiss="modal"></button>
          </div>
        </div>
      </div>
      </form>
    </div>

    <div  id="comments-dialog" rsf:id="comments-dialog" class="modal fade" tabindex="-1" aria-labelledby="commentsModalLabel" aria-hidden="true">
      <form action="#" rsf:id="comments-form" class="controlsPanel">
        <div class="modal-dialog">
          <div class="modal-content">
            <div class="modal-header">
              <h5 class="modal-title" id="commentsModalLabel" rsf:id="msg=simplepage.edit_commentslink">simplepage.edit_commentslink</h5>
              <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
              <input type="hidden" rsf:id="csrf19" />

              <div class="">
                <input type="hidden" rsf:id="commentsEditId" id="commentsEditId" />
                <p class="checkbox">
                  <input type="checkbox" name="comments-anonymous" id="comments-anonymous" rsf:id="comments-anonymous" />
                  <label for="comments-anonymous"><span rsf:id="msg=simplepage.comments-anonymous"></span></label>
                </p>
                <div rsf:id="gradeBookCommentsDiv">
                  <p class="checkbox">
                    <input type="checkbox" name="comments-graded" id="comments-graded" rsf:id="comments-graded" />
                    <label for="comments-graded"><span rsf:id="msg=simplepage.comments-graded"></span></label>
                  </p>
                  <p class="shorttext">
                    <label for="comments-max" class="pageTitle indnt2"><span rsf:id="msg=simplepage.comments-max"></span></label>
                    <input type="text" name="comments-max" id="comments-max" rsf:id="comments-max" size="5" maxlength="5" />
                  </p>
                </div>
                <p class="checkbox">
                  <input type="checkbox" name="comments-prerequisite" id="comments-prerequisite" rsf:id="comments-prerequisite" />
                  <label for="comments-prerequisite"><span rsf:id="msg=simplepage.prerequisites_label"></span></label>
                </p>
                <p class="checkbox">
                  <input type="checkbox" name="comments-required" id="comments-required" rsf:id="comments-required" />
                  <label for="comments-required"><span rsf:id="msg=simplepage.require" id="require-label"></span></label>
                </p>
                <sakai-condition-picker rsf:id="comments-condition-picker" id="comments-condition-picker"></sakai-condition-picker>
                <p id="editgroups-comments">
                  <a role="button" href="#"><span rsf:id="msg=simplepage.edit-group"></span></a>
                </p>
              </div>
            </div>
            <div class="modal-footer">
              <button class="btn btn-link btn-primary" type="submit" onclick="event.returnValue = checkCommentsForm(); return checkCommentsForm();" id="update-comments" rsf:id="update-comments"></button>
              <button type="button" class="btn btn-link" rsf:id="cancel-comments" data-bs-dismiss="modal"></button>
            </div>
          </div>
        </div>
      </form>
    </div>

    <div id="student-dialog" rsf:id="student-dialog" class="modal fade" tabindex="-1" aria-labelledby="studentModalLabel" aria-hidden="true">
      <form action="#" rsf:id="student-form" id="student-form" class="controlsPanel">
      <div class="modal-dialog modal-lg">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="studentModalLabel" rsf:id="msg=simplepage.edit_studentlink">simplepage.edit_studentlink</h5>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
          </div>
          <div class="modal-body">
            <input type="hidden" rsf:id="csrf20" />
            <input type="hidden" rsf:id="studentEditId" id="studentEditId" />
            <p class="checkbox">
              <input type="checkbox" name="student-anonymous" id="student-anonymous" rsf:id="student-anonymous" />
              <label for="student-anonymous"><span rsf:id="msg=simplepage.student-anonymous"></span></label>
            </p>
            <div rsf:id="gradeBookStudentsDiv">
              <p class="checkbox">
                <input type="checkbox" name="student-graded" id="student-graded" rsf:id="student-graded" />
                <label for="student-graded"><span rsf:id="msg=simplepage.comments-graded"></span></label>
              </p>
              <p class="shorttext">
                <label for="gradebook-title" class="indnt2 pageTitle"><span rsf:id="msg=simplepage.gradebook-title"></span></label>
                <input type="text" name="gradebook-title" id="gradebook-title" rsf:id="gradebook-title" maxlength="255" />
              </p>
              <p class="shorttext">
                <label for="student-max" class="indnt2 pageTitle"><span rsf:id="msg=simplepage.comments-max"></span></label>
                <input type="text" name="student-max" id="student-max" rsf:id="student-max" size="5" maxlength="5" />
              </p>
              <br />
              <br />
            </div>
            <p class="checkbox">
              <input type="checkbox" name="student-comments" id="student-comments" rsf:id="student-comments" />
              <label for="student-comments"><span rsf:id="msg=simplepage.student-comments"></span></label>
            </p>
            <p class="checkbox">
              <input type="checkbox" name="student-comments-anon" id="student-comments-anon" class="indent" rsf:id="student-comments-anon" />
              <label for="student-comments-anon"><span rsf:id="msg=simplepage.student-comments-anon"></span></label>
            </p>
            <div rsf:id="gradeBookStudentCommentsDiv">
              <p class="checkbox">
                <input type="checkbox" name="student-comments-graded" id="student-comments-graded" class="indent" rsf:id="student-comments-graded" />
                <label for="student-comments-graded"><span rsf:id="msg=simplepage.student-comments-graded"></span></label>
              </p>
              <p class="shorttext">
                <label for="student-comments-max" class="indnt3 pageTitle"><span rsf:id="msg=simplepage.comments-max"></span></label>
                <input type="text" name="student-comments-max" id="student-comments-max" rsf:id="student-comments-max" size="5" maxlength="5" />
              </p>
              <br />
            </div>

            <div rsf:id="peer-evaluation-creation">
              <input type="checkbox" name="peer-eval-check" id="peer-eval-check" rsf:id="peer-eval-check" />
              <label for="peer-eval-check"><span rsf:id="msg=simplepage.student-peer-review-add"></span></label>

              <br />

              <div id="add-rubric-block" style="display: none;">

                <div id="peer-eval-create-div">
                  <div id="rubric-title">
                    <label for="rubric-title" rsf:id="msg=simplepage.student-peer-review-title">Title</label>
                    <input type="text" rsf:id="peer-eval-input-title" class="peer-eval-input-title" value="Peer Review" style="width:80%;" />
                  </div>
                  <br />
                  <br />
                  <table id="peer-eval-create-table" style="width: 100%; height: 100%; border: 1px solid black;">
                    <thead>
                      <tr>
                        <th rsf:id="msg=simplepage.student-peer-review-category"></th>
                        <th>4</th>
                        <th>3</th>
                        <th>2</th>
                        <th>1</th>
                        <th>0</th>
                      </tr>
                    </thead>
                    <tbody>
                    </tbody>
                  </table>
                  <button type="button" id="addRowBtn" class="btn btn-link" rsf:id="msg=simplepage.student-peer-review-add-row">simplepage.student-peer-review-add-row</button>
                </div>
                  <!-- end #peer-eval-create-div -->
              </div>

              <br />

              <div id="peer-eval-open-date" class="indent">
                <span class="reqStar">*</span>
                <label for="open_date_dummy"><span rsf:id="peer_eval_open_date_label"></span></label>
                <br />
                <div style="margin-left:3em">
                  <span rsf:id="peer_eval_open_date:">
                    <input style="display:none" rsf:id="open_date_string" type="hidden" id="open_date_string"/>
                    <input rsf:id="open_date_dummy" type="text" id="open_date_dummy" name="open_date_dummy"/>
                  </span>
                </div>
              </div>

              <div id="peer-eval-due-date" class="indent">
                <span class="reqStar">*</span>
                <label for="due_date_dummy"><span rsf:id="peer_eval_due_date_label"></span></label>
                <br />
                <div style="margin-left:3em">
                  <span rsf:id="peer_eval_due_date:">
                    <input style="display:none" rsf:id="due_date_string" type="hidden" id="due_date_string"/>
                    <input rsf:id="due_date_dummy" type="text" id="due_date_dummy" name="due_date_dummy"/>
                  </span>
                </div>
              </div>
              <div id="peer-eval-allow-self-div" class="indent">
                <input type="checkbox" name="peer-eval-allow-selfgrade" id="peer-eval-allow-selfgrade" rsf:id="peer-eval-allow-selfgrade" />
                <label for="peer-eval-allow-selfgrade"><span rsf:id="msg=simplepage.peer-eval-allow-selfgrade"></span></label>
              </div>
            </div>

            <p class="checkbox">
              <input type="checkbox" name="student-group-owned" id="student-group-owned" rsf:id="student-group-owned" />
              <label for="student-group-owned"><span rsf:id="msg=simplepage.owner-groups"></span></label>
            </p>
            <div id="student-group-show">
              <div align="left" id="student-grouplist" rsf:id="student-grouplist" class="indent grouplist">
                <span rsf:id="student-group-list-span" />
                <p rsf:id="msg=simplepage.owner-groups-explanation"></p>
                <div rsf:id="student-select-group-list:">
                  <p class="checkbox indtn1">
                    <input type="checkbox" rsf:id="student-select-group" /> <span rsf:id="student-select-group-text"></span></p>
                </div>
              </div>
            </div>
            <p class="checkbox student-group-owned-opts">
              <input type="checkbox" name="student-group-owned-eval-individual" id="student-group-owned-eval-individual" rsf:id="student-group-owned-eval-individual" />
              <label for="student-group-owned-eval-individual"><span rsf:id="msg=simplepage.owner-groups.eval-individual"></span></label>
            </p>
            <p class="checkbox">
              <input type="checkbox" name="student-group-owned-see-only-own" id="student-group-owned-see-only-own" rsf:id="student-group-owned-see-only-own" />
              <label for="student-group-owned-see-only-own"><span rsf:id="msg=simplepage.owner-groups.see-only-own"></span></label>
            </p>
            <p class="checkbox">
              <input type="checkbox" name="student-prerequisite" id="student-prerequisite" rsf:id="student-prerequisite" />
              <label for="student-prerequisite"><span rsf:id="msg=simplepage.prerequisites_label"></span></label>
            </p>
            <p class="checkbox">
              <input type="checkbox" name="student-required" id="student-required" rsf:id="student-required" />
              <label for="student-required"><span rsf:id="msg=simplepage.require" id="require-label"></span></label>
            </p>
            <sakai-condition-picker rsf:id="student-condition-picker" id="student-condition-picker"></sakai-condition-picker>
            <p id="editgroups-student" class="editgroups-student">
              <a role="button" href="#"><span rsf:id="msg=simplepage.edit-group"></span></a>
            </p>

            <!-- RU Rubrics **************************************************** -->
            <!--div id="peer-eval-input-cloneable" style="display:none;">
              <input type="text" rsf:id="peer-eval-input-row" class="peer-eval-input-row" style="width:80%;" />
              <button onclick="deleteNotLast(this);">X</button>
            </div-->
            <div id="peer-eval-title-cloneable" style="display:none;">
              <input type="text" rsf:id="peer-eval-input-title" class="peer-eval-input-title" value="Peer Review" style="width:80%;" />
            </div>
            <div id="peer-eval-rows-for-submission" style="display:none;"></div>

            <div class="ui-widget" id="student-group-errors-container">
              <div class="sak-banner-error" id="student-group-errors">
              </div>
            </div>

          </div>
          <div class="modal-footer">
            <button type="submit" class="btn btn-link btn-primary" id="update-student" rsf:id="update-student"></button>
            <button type="button" class="btn btn-link" rsf:id="cancel-student" data-bs-dismiss="modal"></button>
            <button type="submit" class="btn btn-link" id="delete-student-item" rsf:id="delete-student-item"></button>
          </div>
        </div>
      </div>
      </form>
      <div id="peer-eval-input-cloneable" style="display:none;">
        <input type="text" name="peer-eval-input-row" class="peer-eval-input-row" style="width:80%;" />
        <input type="hidden" name="peer-eval-input-row" value="istring#{simplePageBean.rubricRow}" />
        <button onclick="deleteNotLast(this);">X</button>
      </div>
    </div>

    <div id="question-dialog" rsf:id="question-dialog" class="modal fade" tabindex="-1" aria-labelledby="questionModalLabel" aria-hidden="true">
      <form action="#" rsf:id="question-form" class="controlsPanel">
        <div class="modal-dialog modal-lg">
          <div class="modal-content">
            <div class="modal-header">
              <h5 class="modal-title" id="questionModalLabel" rsf:id="msg=simplepage.edit_questionlink">simplepage.edit_questionlink</h5>
              <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">

              <div class="ui-widget" id="question-error-container">
                <div class="sak-banner-error" id="question-error">
                </div>
              </div>

              <input type="hidden" rsf:id="csrf21" />

              <div class="border controlsPanel p-4">
                <input type="hidden" rsf:id="questionEditId" id="questionEditId" />
                <div align="left" style="padding:10px 0">
                  <span rsf:id="question-select" />
                  <input type="radio" name="questionTypeGroup" rsf:id="multipleChoiceSelect" id="multipleChoiceSelect" />
                  <label for="multipleChoiceSelect" rsf:id="msg=simplepage.multipleChoice" />
                  <input type="radio" name="questionTypeGroup" rsf:id="shortanswerSelect" id="shortanswerSelect" />
                  <label for="shortanswerSelect" rsf:id="msg=simplepage.shortanswer" />
                </div>

                <div class="longtext" style="padding:5px">
                  <label for="question-text-area-evolved:"><span rsf:id="msg=simplepage.question-text-input"></span></label>
                  <div>
                    <textarea rsf:id="question-text-area-evolved:"></textarea>
                  </div>
                </div>
                <div>

                  <div id="shortanswerDialogDiv">
                    <fieldset>
                      <legend>
                        <h4 rsf:id="msg=simplepage.answers"></h4></legend>

                      <div id="shortanswers">
                        <div id="copyableShortanswerDiv">
                          <label for="question-showans-alt"><span rsf:id="msg=simplepage.question-possible-answer" class="lb-offscreen"></span></label>
                        </div>
                        <div id="extraShortanswers"></div>
                        <table id="shortAnswersTable" class="table table-striped table-bordered table-hover">
                          <thead>
                            <tr>
                              <th><span rsf:id="msg=simplepage.question-possible-answer">Possible Answer</span></th>
                              <th><span rsf:id="msg=simplepage.question-tableheader-answertext">Answer Text</span></th>
                              <th><span rsf:id="msg=simplepage.question-tableheader-remove">Remove?</span></th>
                            </tr>
                          </thead>
                          <tbody id="shortAnswersTableBody">
                            <tr id="copyableShortanswer">
                              <input type="hidden" rsf:id="question-answer-full-shortanswer" id="question-answer-full-shortanswer" />
                              <td class="question-showans-answer-option">A</td>
                              <td>
                                <input type="text" name="question-showans-alt" class="question-shortanswer-answer" />
                              </td>
                              <td>
                                <a role="button" href="#" onclick="deleteAnswer($(this)); return false;" style="display:none" class="deleteAnswerLink"><img src="$context/images/delete.png" rsf:id="question-shortans-del"></img>
                                </a>
                              </td>
                            </tr>
                          </tbody>
                        </table>
                      </div>
                    </fieldset>
                    <button class="btn btn-secondary" onclick="addShortanswer(); return false;" rsf:id="msg=simplepage.addAnswer" />
                    <br />
                    <br />
                  </div>

                  <div id="multipleChoiceDialogDiv">
                    <input type='hidden' rsf:id="multi_gradebook" id="multi_gradebook" />

                    <fieldset>
                      <legend>
                        <h4 rsf:id="msg=simplepage.answers"></h4></legend>
                      <table id="multipleChoiceAnswers" class="table table-striped table-bordered table-hover">
                        <thead>
                          <tr>
                            <th><span rsf:id="msg=simplepage.question-tableheader-selectcorrect">Select Correct Answer(s)</span></th>
                            <th><span rsf:id="msg=simplepage.question-tableheader-answeroption">Answer Option</span></th>
                            <th><span rsf:id="msg=simplepage.question-tableheader-answertext">Answer Text</span></th>
                            <th><span rsf:id="msg=simplepage.question-tableheader-remove">Remove?</span></th>
                          </tr>
                        </thead>
                        <tbody id="multipleChoiceAnswersBody">
                          <tr id="copyableMultipleChoiceAnswer">
                            <input type="hidden" rsf:id="question-multiplechoice-answer-complete" class="question-multiplechoice-answer-complete" />
                            <input type="hidden" rsf:id="question-multiplechoice-answer-id" class="question-multiplechoice-answer-id" />
                            <td>
                              <label for="question-multiplechoice-answer-correct"><span rsf:id="msg=simplepage.question-correct-answer" class="lb-offscreen"></span></label>
                              <input type="checkbox" name="question-multiplechoice-answer-correct" rsf:id="question-multiplechoice-answer-correct" class="question-multiplechoice-answer-correct" />
                            </td>
                            <td class="question-multiplechoice-answer-option">A</td>
                            <td>
                              <input type="text" rsf:id="question-multiplechoice-answer" name="question-multiplechoice-answer" class="question-multiplechoice-answer" />
                            </td>
                            <td>
                              <a role="button" href="#" onclick="deleteAnswer($(this)); return false;" style="display:none" class="deleteAnswerLink"><img src="$context/images/delete.png" rsf:id="question-mc-del"></img>
                              </a>
                            </td>
                          </tr>
                        </tbody>
                      </table>
                      <button class="btn btn-secondary" onclick="addMultipleChoiceAnswer(); return false;" rsf:id="msg=simplepage.addAnswer" />
                    </fieldset>
                    <p></p>
                    <p class="checkbox">
                      <input type="checkbox" name="question-show-poll" id="question-show-poll" rsf:id="question-show-poll" />
                      <label for="question-show-poll"><span rsf:id="msg=simplepage.question-show-poll-option"></span></label>
                    </p>
                  </div>
                  <div rsf:id="gradeBookQuestionsDiv">
                    <p class="checkbox">
                      <input type="checkbox" name="question-graded" id="question-graded" rsf:id="question-graded" />
                      <label for="question-graded"><span rsf:id="msg=simplepage.question-graded"></span></label>
                    </p>
                    <p class="shorttext indnt2">
                      <label for="question-gradebook-title"><span rsf:id="msg=simplepage.question-gradebook-title"></span></label>
                      <input type="text" name="question-gradebook-title" id="question-gradebook-title" rsf:id="question-gradebook-title" />
                    </p>
                    <p class="shorttext indnt2">
                      <label for="question-max"><span rsf:id="msg=simplepage.question-max"></span></label>
                      <input type="text" name="question-max" id="question-max" rsf:id="question-max" />
                    </p>
                  </div>
                  <div class="longtext">
                    <label for="question-correct-text"><span rsf:id="msg=simplepage.correct-text"></span></label>
                    <br />
                    <textarea rsf:id="question-correct-text" name="question-correct-text" id="question-correct-text" rows="3" columns="30"></textarea>
                  </div>
                  <div class="longtext">
                    <label for="question-incorrect-text"><span rsf:id="msg=simplepage.incorrect-text"></span></label>
                    <br />
                    <textarea rsf:id="question-incorrect-text" name="question-incorrect-text" id="question-incorrect-text" rows="3" columns="30"></textarea>
                  </div>

                  <p class="checkbox">
                    <input type="checkbox" name="question-prerequisite" id="question-prerequisite" rsf:id="question-prerequisite" />
                    <label for="question-prerequisite"><span rsf:id="msg=simplepage.prerequisites_label"></span></label>
                  </p>
                  <p class="checkbox">
                    <input type="checkbox" name="question-required" id="question-required" rsf:id="question-required" />
                    <label for="question-required"><span rsf:id="msg=simplepage.require" id="require-label"></span></label>
                  </p>
                  <sakai-condition-picker rsf:id="question-condition-picker" id="question-condition-picker"></sakai-condition-picker>
                </div>
              </div>
              <p id="question-editgroups" class="edit-group">
                <a role="button" href="#"><span rsf:id="msg=simplepage.edit-group"></span></a>
              </p>
            </div>
            <div class="modal-footer">
              <input type="hidden" rsf:id="question-addBefore" id="question-addBefore" />
              <button class="btn-primary" type="submit" onclick="return prepareQuestionDialog();" id="update-question" rsf:id="update-question"></button>
              <button type="button" class="btn btn-secondary" data-bs-dismiss="modal" rsf:id="cancel-question"></button>
              <button type="submit" class="btn btn-secondary deleteButton" rsf:id="delete-question-item"></button>
            </div>
          </div>
        </div>
      </form>
    </div>

    <div id="add-forum-summary-dialog" rsf:id="add-forum-summary-dialog" class="modal fade" tabindex="-1" aria-labelledby="forumSummaryLabel" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="forumSummaryLabel" rsf:id="msg=simplepage.forumSummaryLinkText">simplepage.forumSummaryLinkText</h5>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
          </div>
          <div class="modal-body">
            <form action="#" rsf:id="add-forum-summary-form" method="post" enctype="multipart/form-data" class="controlPanel">
              <input type="hidden" rsf:id="csrf24" />
              <input type="hidden" rsf:id="forumSummaryEditId" id="forumSummaryEditId" />
              <div class="ui-widget" id="forum-summary-error-container">
                <div class="sak-banner-error" id="forum-summary-error">
                </div>
              </div>
              <div rsf:id="forum-summary-error-div" class="ui-widget">
                <div class="sak-banner-error" rsf:id="forum-summary-error-span">
                </div>
              </div>
              <div class="forum-summary-content">
                <label for="forumNumberDropdown" rsf:id="forumNumberDropdownLabel"></label>
                <select style="margin-left: 93px;" rsf:id="forumNumberDropdown" id="forumNumberDropdown" name="forumNumberDropdown">
                  <option rsf:id="forumOption:"><span rsf:id="forumOptionText"></span></option>
                </select>
                <br/>
                <p class="act">
                  <input class="bold" type="submit" id="forum-summary-add-item" rsf:id="forum-summary-add-item" />
                  <input type="hidden" rsf:id="forum-summary-add-before" id="forum-summary-add-before" />
                  <input type="submit" rsf:id="forum-summary-cancel" onclick="closeForumSummaryDialog(); return false" />
                  <span id="forum-summary-delete-span" style="display:none"><input type="submit" class="deleteButton" rsf:id="delete-forum-summary-item" id="delete-forum-summary-item" /></span>
                  <br/>
                </p>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>

    <div id="column-dialog" rsf:id="column-dialog" class="modal fade" tabindex="-1" aria-labelledby="columnModalLabel" aria-hidden="true">
      <form rsf:id="column-dialog-form" action="#" method="post" enctype="multipart/form-data">
        <div class="modal-dialog">
          <div class="modal-content">
            <div class="modal-header">
              <h5 class="modal-title" id="columnModalLabel" rsf:id="msg=simplepage.column.settings">simplepage.column.settings</h5>
              <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
              <input type="hidden" name="columnitem" id="columnitem" />
              <input type="hidden" name="isSection" id="isSection" />
              <div>
                <div id="sectionSettings" style="display:none;">
                  <h3><span rsf:id="msg=simplepage.section.settings"></span></h3>
                  <label for="sectionTitle" rsf:id="msg=simplepage.sectionTitle"></label>
                  <input type="text" id="sectionTitle" />
                  <br />
                  <input type="checkbox" id="collapsible" />
                  <label for="collapsible" rsf:id="msg=simplepage.collapsible"></label>
                  <br />
                  <span id="defaultClosedSpan">
                    <input type="checkbox" id="defaultClosed" />
                    <label for="defaultClosed" rsf:id="msg=simplepage.default.closed"></label>
                  </span>
                </div>

                <h3><span rsf:id="simplepage.column.settings"></span></h3>
                <input type="checkbox" id="columndouble" />
                <label for="columndouble"><span rsf:id="msg=simplepage.columndouble"></span></label>
                <br />
                <input type="checkbox" id="columnsplit" />
                <label for="columnsplit" rsf:id="msg=simplepage.columnsplit"></label>

                <h3 id="column-styling-header" style="display:none;"><span rsf:id="msg=simplepage.column.styling"></span></h3>
                <h3 id="section-styling-header"><span rsf:id="msg=simplepage.section.styling"></span></h3>

                <label for="columnbackground" rsf:id="msg=simplepage.columnbackground" id="columnColorLabel" style="display:none;"></label>
                <label for="columnbackground" rsf:id="msg=simplepage.sectionbackground" id="sectionColorLabel"></label>
                <select id="columnbackground">
                  <option value="none" id="columnnone"><span rsf:id="msg=simplepage.columnnone">none</span></option>
                  <option value="ngray" id="columnnewgray"><span rsf:id="msg=simplepage.col.newgray"></span></option>
                  <option value="nblack" id="columnnewblack"><span rsf:id="msg=simplepage.col.newblack"></span></option>
                  <option value="nblue" id="columnnewblue"><span rsf:id="msg=simplepage.col.newblue"></span></option>
                  <option value="nblue2" id="columnnewblue2"><span rsf:id="msg=simplepage.col.newblue2"></span></option>
                  <option value="nred" id="columnnewred"><span rsf:id="msg=simplepage.col.newred"></span></option>
                  <option value="nnavy" id="columnnewnavy"><span rsf:id="msg=simplepage.col.newnavy"></span></option>
                  <option value="nnavy2" id="columnnewnavy2"><span rsf:id="msg=simplepage.col.newnavy2"></span></option>
                  <option value="norange" id="columnneworange"><span rsf:id="msg=simplepage.col.neworange"></span></option>
                  <option value="ngreen" id="columnnewgreen"><span rsf:id="msg=simplepage.col.newgreen"></span></option>
                  <option value="ngold" id="columnnewgold"><span rsf:id="msg=simplepage.col.newgold"></span></option>
                  <option value="nteal" id="columnnewteal"><span rsf:id="msg=simplepage.col.newteal"></span></option>
                  <option value="npurple" id="columnnewpurple"><span rsf:id="msg=simplepage.col.newpurple"></span></option>
                  <option value="gray" id="columngray"><span rsf:id="msg=simplepage.columngray">gray</span></option>
                  <option value="red" id="columnred"><span rsf:id="msg=simplepage.columnred">red</span></option>
                  <option value="blue" id="columnblue"><span rsf:id="msg=simplepage.columnblue">blue</span></option>
                  <option value="green" id="columngreen"><span rsf:id="msg=simplepage.columngreen">green</span></option>
                  <option value="yellow" id="columnyellow"><span rsf:id="msg=simplepage.columnyellow">yellow</span></option>
                </select>
                <br />
                <input type="checkbox" id="force-button-color" />
                <label for="force-button-color" rsf:id="msg=simplepage.forcebutton"></label>
                <br />
                <input type="checkbox" id="show-borders" />
                <label for="show-borders" rsf:id="msg=simplepage.layout.show.borders"></label>
              </div>
            </div>
            <div class="modal-footer">
              <button type="submit" rsf:id="column-submit" class="btn-primary" id="column-submit"></button>
              <button type="button" rsf:id="column-cancel" data-bs-dismiss="modal" class="btn btn-secondary" id="column-cancel"></button>
            </div>
          </div>
        </div>
      </form>
    </div>

    <div id="delete-confirm" class="modal fade" tabindex="-1" aria-labelledby="deleteModalLabel" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="deleteModalLabel" rsf:id="msg=simplepage.delete-item">simplepage.delete-item</h5>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
          </div>
          <div class="modal-body">
	      <i class="bi bi-exclamation-triangle-fill me-2"></i>
              <p class="d-inline-block" id="delete-confirm-message">Delete ok?</p>
          </div>
          <div class="modal-footer">
            <button type="button" id="delete-confirm-delete-button" class="btn btn-primary">
              <span rsf:id="msg=simplepage.delete">simplepage.delete</span>
            </button>
            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
              <span rsf:id="msg=simplepage.cancel_message">simplepage.cancel_message</span>
            </button>
          </div>
        </div>
      </div>
    </div>

    <div id="youtube-dialog" rsf:id="youtube-dialog" class="modal fade" tabindex="-1" aria-labelledby="youtubeModalLabel" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="youtubeModalLabel" rsf:id="msg=simplepage.edit_youtubelink">simplepage.edit_youtubelink</h5>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
          </div>
          <div class="modal-body">

            <div class="ui-widget" id="edit-youtube-error-container">
              <div class="message-error" id="edit-youtube-error">
              </div>
            </div>

            <form action="#" rsf:id="youtube-form" class="controlsPanel">
              <input type="hidden" rsf:id="csrf17" />
              <input type="hidden" rsf:id="youtubeEditId" id="youtubeEditId" />
              <p class="shorttext required">
                <label for="youtubeURL"><span rsf:id="msg=simplepage.youtube_url"></span></label>
                <input rsf:id="youtubeURL" id="youtubeURL" class="edit-youtube-input wideinput" />
              </p>
              <p class="shorttext required">
                <label for="youtubeWidth"><span rsf:id="msg=simplepage.width_label"></span></label>
                <input rsf:id="youtubeWidth" id="youtubeWidth" class="edit-youtube-input wideinput" />
              </p>
              <p class="shorttext required">
                <label for="youtubeHeight"><span rsf:id="msg=simplepage.height_label"></span></label>
                <input rsf:id="youtubeHeight" id="youtubeHeight" class="edit-youtube-input wideinput" />
              </p>
              <p class="longtext required">
                <label rsf:id="description4-label" for="description4">Page Title</label>
                <br />
                <textarea name="description4" rsf:id="description4" id="description4" rows="5" cols="20" style="width:100%" class="edit-multimedia-input"></textarea>
              </p>
              <p rsf:id="editgroups-youtube" id="editgroups-youtube">
                <a role="button" href="#"><span rsf:id="msg=simplepage.edit-group"></span></a>
              </p>
              <p class="checkbox">
                <input type="checkbox" name="youtube-prerequisite" id="youtube-prerequisite" rsf:id="youtube-prerequisite" />
                <label for="youtube-prerequisite"><span rsf:id="msg=simplepage.prerequisites_label"></span></label>
              </p>

              <p class="act">
                <input class="bold" type="submit" onclick="event.returnValue = checkYoutubeForm($('#youtubeWidth').val().trim(), $('#youtubeHeight').val().trim()); return checkYoutubeForm($('#youtubeWidth').val().trim(), $('#youtubeHeight').val().trim());" id="update-youtube" rsf:id="update-youtube" />
                <input type="button" rsf:id="cancel-youtube" data-bs-dismiss="modal" />
                <input type="submit" class="deleteButton" rsf:id="delete-youtube-item" />
              </p>
            </form>
          </div>
        </div>
      </div>
    </div>

    <div id="add-announcements-dialog" rsf:id="add-announcements-dialog" class="modal fade" tabindex="-1" aria-labelledby="addAnnouncementsLabel" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="addAnnouncementsLabel" rsf:id="msg=simplepage.announcementsLinkText">simplepage.announcementsLinkText</h5>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
          </div>
          <div class="modal-body">
            <form action="#" rsf:id="add-announcements-form" method="post" enctype="multipart/form-data" class="controlPanel">
              <input type="hidden" rsf:id="csrf23" />
              <input type="hidden" rsf:id="announcementsEditId" id="announcementsEditId" />
              <div class="ui-widget" id="announcements-error-container">
                <div class="sak-banner-error" id="announcements-error">
                </div>
              </div>
              <div rsf:id="announcements-error-div" class="ui-widget">
                <div class="sak-banner-error" rsf:id="announcements-error-span">
                </div>
              </div>
              <div class="announcements-content">
                <label for="announcementsNumberDropdown" rsf:id="announcementsNumberDropdownLabel"></label>
                <select style="margin-left: 80px;" rsf:id="announcementsNumberDropdown" id="announcementsNumberDropdown" name="announcementsNumberDropdown">
                  <option rsf:id="announcementsOption:"><span rsf:id="announcementsOptionText"></span></option>
                </select>
                <br/>
                <p class="act">
                  <input class="bold" type="submit" id="announcements-add-item" rsf:id="announcements-add-item" />
                  <input type="hidden" rsf:id="announcements-add-before" id="announcements-add-before" />
                  <input type="button" rsf:id="announcements-cancel" data-bs-dismiss="modal" />
                  <span id="announcements-delete-span" style="display:none"><input type="submit" class="deleteButton" rsf:id="delete-announcements-item" id="delete-announcements-item" /></span>
                  <br/>
                </p>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>

    <div id="add-twitter-dialog" rsf:id="add-twitter-dialog" class="modal fade" tabindex="-1" aria-labelledby="editTwitterLabel" aria-hidden="true">
      <form action="#" rsf:id="add-twitter-form" method="post" enctype="multipart/form-data" class="controlPanel">
        <div class="modal-dialog modal-lg">
          <div class="modal-content">
            <div class="modal-header">
              <h5 class="modal-title" id="editTwitterLabel">Edit Twitter</h5>
              <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
              <input type="hidden" rsf:id="csrf13" />
              <input type="hidden" rsf:id="twitterEditId" id="twitterEditId" />
              <input type="hidden" rsf:id="twitter-addBefore" id="twitter-addBefore" />
              <div class="ui-widget" id="twitter-error-container">
                <div class="sak-banner-error" id="twitter-error"></div>
              </div>
              <div class="">
                <p class="required">
                  <label rsf:id="twitter-username-label" class="pageTitle" for="twitter-username"></label>
                  <input style="margin-left: 29px;" type="text" name="twitter-username" rsf:id="twitter-username" id="twitter-username" size="20" maxlength="99" />
                </p>
                <p class="required">
                  <label rsf:id="height-label" class="pageTitle" for="widget-height"></label>
                  <input style="margin-left: 104px;" type="text" name="widget-height" rsf:id="widget-height" id="widget-height" maxlength="99" size="20" />&nbsp;<span id="heightErrmsg"></span>
                </p>
                <label for="numberDropdown" rsf:id="numberDropdownLabel"></label>
                <select style="margin-left: 170px;" rsf:id="numberDropdown" id="numberDropdown" name="numberDropdown">
                  <option rsf:id="option:"><span rsf:id="optionText"></span></option>
                </select>
                <br/>
              </div>
            </div>
            <div class="modal-footer">
              <button class="btn-primary" onclick="return confirmAddTwitterTimeline()" type="submit" id="twitter-add-item" rsf:id="twitter-add-item"></button>
              <button type="button" class="btn btn-secondary" data-bs-dismiss="modal" rsf:id="twitter-cancel"></button>
              <span id="twitter-delete-span" style="display:none">
                <button type="submit" class="btn btn-secondary deleteButton" rsf:id="delete-twitter-item" id="delete-twitter-item"></button>
              </span>
            </div>
          </div>
        </div>
      </form>
    </div>

    <div class="modal fade" id="moreDiv" rdf:id="moreDiv" tabindex="-1" aria-labelledby="moreDivLabel" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="moreDivLabel" rsf:id="msg=simplepage.more-tools">simplepage.more-tools</h5>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
          </div>
          <div class="modal-body">
            <ul>
              <!-- add new page -->
              <li class="list-group-item m-1">
                <a id="new-page" href="#" role="button" rsf:id="new-page" data-bs-toggle="modal" data-bs-target="#new-page-dialog" aria-controls="new-page-dialog" aria-expanded="false">
                  <span rsf:id="msg=simplepage.new-page"></span>
                </a>
              </li>
              <!-- remove page -->
              <li class="list-group-item m-1" rsf:id="remove-li">
                <a href="#" role="button" rsf:id="remove-page" id="remove-page" class="remove-page" data-bs-toggle="modal" data-bs-target="#remove-page-dialog" aria-controls="remove-page-dialog" aria-expanded="false">
                  <span rsf:id="msg=simplepage.remove-page"></span>
                </a>
              </li>
              <!-- permissions -->
              <li class="list-group-item m-1">
                <a href="#" role="button" rsf:id="permissions" id="permissions">
                  <span rsf:id="msg=simplepage.permissions"></span>
                </a>
              </li>
              <li class="list-group-item m-1" rsf:id="delete-orphan-li">
                <form action="#" rsf:id="delete-orphan-form" method="post" enctype="multipart/form-data">
                  <input type="hidden" rsf:id="csrf1" />
                  <input type="submit" style="display:none" rsf:id="delete-orphan" id="delete-orphan" />
                  <a rsf:id="delete-orphan-link" id="delete-orphan-link" href="#" role="button" class="delete-orphan">
                    <span rsf:id="msg=simplepage.delete-orphan-pages"></span>
                  </a>
                </form>
              </li>
              <li class="list-group-item m-1">
                <a href="#" role="button" rsf:id="import-cc" id="import-cc" data-bs-toggle="modal" data-bs-target="#import-cc-dialog" aria-controls="import-cc-dialog" aria-expanded="false">
                  <span rsf:id="msg=simplepage.import_cc_button"></span>
                </a>
                <!-- just a message, so will display when it should not-->
              </li>
              <li class="list-group-item m-1">
                <a rsf:id="export-cc" id="export-cc" href="#" role="button" data-bs-toggle="modal" data-bs-target="#export-cc-dialog" aria-controls="export-cc-dialog" aria-expanded="false">
                  <span rsf:id="msg=simplepage.export_cc"></span>
                </a>
                <!-- just a message, so will display when it should not-->
              </li>
              <li class="list-group-item m-1" rsf:id="show-lti-import">
                <form action="#" rsf:id="lti-import-form" method="post" enctype="multipart/form-data">
                  <input type="hidden" rsf:id="csrf1" />
                  <input type="submit" style="display:none" rsf:id="lti-import" id="lti-import" />
                  <a rsf:id="lti-import-link" id="lti-import-link" href="#" role="button" class="lti-import"><span rsf:id="msg=simplepage.import_lti_button"></span></a>
                </form>
                <!-- just a message, so will display when it should not-->
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>

    <div class="modal fade" id="new-page-dialog" rsf:id="new-page-dialog" tabindex="-1" aria-labelledby="newPageLabel" aria-hidden="true">
      <div class="modal-dialog modal-lg">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="newPageLabel" rsf:id="msg=simplepage.new-page">simplepage.new-page</h5>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
          </div>
          <div class="modal-body">
            <p class="instruction" style="margin-bottom:1em" rsf:id="msg=simplepage.new-page-explanation"></p>
              <div class="ui-widget" id="new-page-error-container">
                <div class="sak-banner-error" id="new-page-error">
                </div>
              </div>
              <form action="#" rsf:id="new-page-form">
                <input type="hidden" rsf:id="csrf15" />
                <div>
                  <p class="shorttext">
                    <span class="reqStar">*</span>
                    <label class="pageTitle" rsf:id="msg=simplepage.new-page-title" for="newPage"></label>
                    <input rsf:id="newPage" id="newPage" type="text" />
                  </p>
                  <p class="shorttext">
                    <label class="pageTitle" for="new-page-number"><span rsf:id="msg=simplepage.new-page-number"></span></label>
                    <input type="text" name="new-page-number" id="new-page-number" rsf:id="new-page-number" size="3" maxlength="3" />
                    <span class="textPanelFooter" rsf:id="msg=simplepage.new-page-number-2"></span>
                  </p>
                  <p class="checkbox">
                    <input type="checkbox" name="new-page-copy" id="new-page-copy" rsf:id="new-page-copy" />
                    <label for="new-page-copy"><span rsf:id="msg=simplepage.new-page-copy"></span></label>
                  </p>

                  <div class="act">
                    <input class="bold" type="submit" onclick="event.returnValue = checkNewPageForm(); return checkNewPageForm();" rsf:id="new-page-submit" />
                    <input type="submit" rsf:id="new-page-cancel" onclick="closeNewPageDialog(); return false" />
                  </div>
                </div>
                <div class="instructionPanel textPanelFooter">
                  <div rsf:id="msg=simplepage.new-page-explanation-1"></div>
                  <div rsf:id="msg=simplepage.new-page-explanation-2"></div>
                </div>
              </form>

              <p class="shorttext required" style="margin-top: 1em">
                <a role="button" href="#" id="subpage-choose" rsf:id="new-page-choose">
                  <span rsf:id="msg=simplepage.lm_existing_page"></span>
                </a>
              </p>
              <div style="margin-left:1em; margin-bottom:1em">
                <span rsf:id="msg=simplepage.lm-existing_explanation"></span>
              </div>
          </div>
        </div>
      </div>
    </div>

    <div class="modal fade" id="remove-page-dialog" rsf:id="remove-page-dialog" tabindex="-1" aria-labelledby="removePageLabel" aria-hidden="true">
      <form action="#" rsf:id="remove-page-form">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="removePageLabel" rsf:id="msg=simplepage.remove-page">simplepage.remove-page</h5>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
          </div>
          <div class="modal-body">
            <div class="controlsPanel">
              <div class="instruction" rsf:id="remove-page-explanation"></div>
              <input type="hidden" rsf:id="csrf16" />
            </div>
          </div>
          <div class="modal-footer">
            <button class="btn btn-link" type="submit" rsf:id="remove-page-submit" id="remove-page-submit"></button>
            <button type="button" class="btn btn-primary btn-link" data-bs-dismiss="modal" rsf:id="remove-page-cancel"></button>
          </div>
        </div>
      </div>
      </form>
    </div>

    <div class="modal fade"
        id="import-cc-dialog"
        rsf:id="import-cc-dialog"
        tabindex="-1"
        aria-labelledby="importCCLabel"
        data-bs-backdrop="static"
        aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="importCCLabel" rsf:id="msg=simplepage.import_cc">simplepage.import_cc</h5>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
          </div>
          <div class="modal-body">

            <form action="#" rsf:id="import-cc-form" method="post" enctype="multipart/form-data" class="controlsPanel">
              <input type="hidden" rsf:id="csrf11" />
              <div class="">
                <p class="required shorttext">
                  <label rsf:id="msg=simplepage.import_cc_file" for="cc_file" id="cc-dialog-label">File</label>
                  <br />
                  <input type="file" name="mm-file" id="cc-file" style="width:95%" class="edit-multimedia-input" />
                  <br />
                </p>

                <div class="form-group">
                  <input type="checkbox" name="import-cc-archive" id="import-cc-archive" rsf:id="import-cc-archive"/>
                  <label rsf:id="msg=simplepage.import_cc_archive_check" for="import-cc-archive" id="import-cc-archive-check-label">Check if Cartridge includes an extended site archive</label>
                  <br />
                </div>

                <p rsf:id="quizmsg" style="margin-bottom:0px"></p>
                <input type="hidden" name="quiztool" rsf:id="quiztool" />
                <span rsf:id="quiztools" />
                <div>
                  <span rsf:id="quiztoolitem:">
                    <input type="radio" rsf:id="quiztoolbox" id="quiztoolbox" />
                    <label for="quiztoolbox" rsf:id="quiztoollabel"></label><br />
                  </span>
                </div>

                <p rsf:id="topicmsg" style="margin-bottom:0px"></p>
                <input type="hidden" name="topictool" rsf:id="topictool" />
                <span rsf:id="topictools" />
                <div>
                  <span rsf:id="topictoolitem:">
                    <input type="radio" rsf:id="topictoolbox" id="topictoolbox" />
                    <label for="topictoolbox" rsf:id="topictoollabel"></label><br />
                  </span>
                </div>

                <p rsf:id="assignmsg" style="margin-bottom:0px"></p>
                <input type="hidden" name="assigntool" rsf:id="assigntool" />
                <span rsf:id="assigntools" />
                <div>
                  <span rsf:id="assigntoolitem:">
                    <input type="radio" rsf:id="assigntoolbox" id="assigntoolbox" />
                    <label for="assigntoolbox" rsf:id="assigntoollabel"></label><br />
                  </span>
                </div>
                <p class="mt-2">
                  <input class="bold" type="submit" id="import-cc-submit" rsf:id="import-cc-submit" />
                  <input type="submit" rsf:id="mm-cancel" data-bs-dismiss="modal" />
                </p>
                <p id="import-cc-loading" rsf:id="msg=simplepage.loading" style="display: none;" class="mt-1"></p>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>

    <div id="export-cc-dialog"
        rsf:id="export-cc-dialog"
        class="modal fade"
        tabindex="-1"
        aria-labelledby="exportCCLabel"
        data-bs-backdrop="static"
        aria-hidden="true">
      <form action="#" rsf:id="export-cc-form" method="post" enctype="multipart/form-data" class="controlPanel">
        <div class="modal-dialog modal-lg">
          <div class="modal-content">
            <div class="modal-header">
              <h5 class="modal-title" id="exportCCLabel" rsf:id="msg=simplepage.export-cc-title">simplepage.export-cc-title</h5>
              <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
              <a href="#" style="display:none" rsf:id="export-cc-link" id="export-cc-link"></a>
              <div class="form-group">
                <div class="radio">
                  <input type="radio" name="export-cc" id="export-cc-v11" value="1.1" />
                  <label rsf:id="msg=simplepage.exportcc-use11" for="export-cc-v11" id="export-cc-v11-label">Use v1.1</label>
                </div>
                <div class="radio">
                  <input type="radio" name="export-cc" id="export-cc-v12" value="1.2" />
                  <label rsf:id="msg=simplepage.exportcc-use12" for="export-cc-v12" id="export-cc-v12-label">Use v1.2</label>
                </div>
                <div class="radio">
                  <input type="radio" name="export-cc" id="export-cc-v13" checked="checked" value="1.3" />
                  <label rsf:id="msg=simplepage.exportcc-use13" for="export-cc-v13" id="export-cc-v13-label">Use v1.3</label>
                  <br />
                </div>
                <div class="radio">
                  <input type="radio" name="export-cc" id="export-cc-ar13" checked="checked" value="1.3archive" />
                  <label rsf:id="msg=simplepage.exportcc-archive13" for="export-cc-ar13" id="export-cc-ar13-label">Use v1.3 + Archive</label>
                  <br />
                </div>
              </div>
              <div class="form-group">
                <input type="checkbox" id="export-cc-bank" />
                <label rsf:id="msg=simplepage.exportcc-includebank" for="export-cc-bank" id="export-cc-bank-label">Include bank</label>
                <br />
              </div>
            </div>
            <div class="modal-footer">
              <button class="btn btn-link" type="submit" id="export-cc-submit" data-bs-dismiss="modal" rsf:id="export-cc-submit"></button>
              <button type="button" class="btn btn-link" data-bs-dismiss="modal" rsf:id="export-cc-cancel"></button>
            </div>
          </div>
        </div>
      </form>
    </div>

    <div class="modal fade" id="layout-dialog" rsf:id="layout-dialog" tabindex="-1" aria-labelledby="layoutLabel" aria-hidden="true">
      <div class="modal-dialog modal-lg">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="layoutLabel" rsf:id="msg=simplepage.add_layout">simplepage.add_layout</h5>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
          </div>
          <div class="modal-body">
            <h3><span rsf:id="msg=simplepage.layout.add.from.template"></span></h3>
            <ul class="nav nav-tabs" role="tablist">
              <li class="nav-item">
                <button class="nav-link active" type="button" role="tab" data-bs-toggle="tab" data-bs-target="#sectionlayout">
                  <span rsf:id="msg=simplepage.layout.section.layouts"></span>
                </button>
              </li>
              <li class="nav-item">
                <button class="nav-link" type="button" role="tab" data-bs-toggle="tab" data-bs-target="#pagelayout">
                  <span rsf:id="msg=simplepage.layout.page.layouts"></span>
                </button>
              </li>
            </ul>
            <div class="tab-content">
              <div id="sectionlayout" class="tab-pane fade show active">
                <form action="#" rsf:id="layout-form" class="controlsPanel form">
                  <input type="hidden" rsf:id="csrf28" />
                  <div class="row row-no-margin">
                    <div class="col-md-4">
                      <div class="form-group">
                        <h4><span rsf:id="msg=simplepage.layout.section.title"></span></h4>
                        <label class="sr-only" for="layout-section-title"><span rsf:id="msg=simplepage.layout.section.title"></span></label>
                        <input type="text" class="form-control" id="layout-section-title" rsf:id="layout-section-title" />
                      </div>
                      <div class="form-group">
                        <h4><span rsf:id="msg=simplepage.layout.color.scheme"></span></h4>
                        <label class="sr-only" for="layout-color-scheme"><span rsf:id="msg=simplepage.layout.color.scheme"></span></label>
                        <select rsf:id="layout-color-scheme" id="layout-color-scheme">
                          <option rsf:id="schemes:"><span rsf:id="schemeLabel"></span></option>
                        </select>
                      </div>
                    </div>
                    <div class="col-md-4 col-md-offset-1">
                      <h4><span rsf:id="msg=simplepage.layout.additional.options"></span></h4>
                      <div class="form-group">
                        <label>
                          <input rsf:id="layout-section-collapsible" id="layout-section-collapsible" type="checkbox" disabled="disabled" /> <span rsf:id="msg=simplepage.layout.section.collapsible"></span></label>
                      </div>
                      <div class="form-group">
                        <label>
                          <input rsf:id="layout-section-start-collapsed" id="layout-section-start-collapsed" type="checkbox" disabled="disabled" /> <span rsf:id="msg=simplepage.layout.section.start.collapsed"></span></label>
                      </div>
                      <div class="form-group">
                        <label>
                          <input rsf:id="layout-section-show-borders" id="layout-section-show-borders" type="checkbox" /> <span rsf:id="msg=simplepage.layout.show.borders"></span></label>
                      </div>
                      <div class="form-group">
                        <input type="checkbox" rsf:id="layout-section-force-button-color" id="layout-section-force-button-color" />
                        <label for="layout-section-force-button-color" rsf:id="msg=simplepage.forcebutton"></label>
                      </div>
                    </div>
                  </div>
                  <div class="row row-no-margin g-2">
                    <span rsf:id="layout-select-layout"></span>
                    <div class="col-md-12">
                      <h4><span rsf:id="msg=simplepage.layout.select.layout"></span></h4>
                    </div>
                    <div class="col-md-3 col-sm-4 d-flex align-items-stretch">
                      <div class="layout-option" style="border-color: darkblue;">
                        <div>
                          <div class="col-xs-12" style="padding-left:2px;padding-right:2px;">
                            <div class="addSectionTitleExample">
                              <span class="fa fa-caret-down pull-left collapsible-section" style="display:none;padding-top:2px;"></span>
                              <span class="addSectionTitleText"><span rsf:id="msg=simplepage.layout.section.title"></span></span>
                            </div>
                          </div>
                          <div class="col-xs-12" style="padding-left:2px;padding-right:2px;">
                            <div class="addSectionColumn"><span rsf:id="msg=simplepage.layout.sample.text"></span></div>
                          </div>
                        </div>
                        <div class="caption">
                          <label>
                            <input rsf:id="layout-single" type="radio" name="layoutRadio" /> <span rsf:id="msg=simplepage.layout.single.column"></span></label>
                        </div>
                      </div>
                    </div>
                    <div class="col-md-3 col-sm-4 d-flex align-items-stretch">
                      <div class="layout-option">
                        <div class="container">
                          <div class="col-xs-12 row" style="padding-left:2px;padding-right:2px;">
                            <div class="col addSectionTitleExample">
                              <span class="fa fa-caret-down pull-left collapsible-section" style="display:none;padding-top:2px;"></span>
                              <span class="addSectionTitleText"><span rsf:id="msg=simplepage.layout.section.title"></span></span>
                            </div>
                          </div>
                          <div class="row">
                            <div class="col col-6 col-xs-6" style="padding-left:2px;padding-right:0;">
                              <div class="addSectionColumn"><span rsf:id="msg=simplepage.layout.sample.text"></span></div>
                            </div>
                            <div class="col col-6 col-xs-6" style="padding-left:0;padding-right:2px;">
                              <div class="addSectionColumn"><span rsf:id="msg=simplepage.layout.sample.text"></span></div>
                            </div>
                          </div>
                        </div>
                        <div class="caption">
                          <label>
                            <input rsf:id="layout-two-equal" type="radio" name="layoutRadio" /> <span rsf:id="msg=simplepage.layout.two.columns"></span></label>
                        </div>
                      </div>
                    </div>
                    <div class="col-md-3 col-sm-4 d-flex align-items-stretch">
                      <div class="layout-option">
                        <div class="container">
                          <div class="col-xs-12 row" style="padding-left:2px;padding-right:2px;">
                            <div class="col addSectionTitleExample">
                              <span class="fa fa-caret-down pull-left collapsible-section" style="display:none;padding-top:2px;"></span>
                              <span class="addSectionTitleText"><span rsf:id="msg=simplepage.layout.section.title"></span></span>
                            </div>
                          </div>
                          <div class="row">
                            <div class="col col-8 col-xs-8" style="padding-left:2px;padding-right:0;">
                              <div class="addSectionColumn"><span rsf:id="msg=simplepage.layout.sample.text"></span></div>
                            </div>
                            <div class="col col-4 col-xs-4" style="padding-left:0;padding-right:2px;">
                              <div class="addSectionColumn"><span rsf:id="msg=simplepage.layout.sample.text"></span></div>
                            </div>
                          </div>
                        </div>
                        <div class="caption">
                          <label>
                            <input rsf:id="layout-left-double" type="radio" name="layoutRadio" /> <span rsf:id="msg=simplepage.layout.double.left"></span></label>
                        </div>
                      </div>
                    </div>
                    <div class="col-md-3 col-sm-4 d-flex align-items-stretch">
                      <div class="layout-option">
                        <div class="container">
                          <div class="col-xs-12 row" style="padding-left:2px;padding-right:2px;">
                            <div class="col addSectionTitleExample">
                              <span class="fa fa-caret-down pull-left collapsible-section" style="display:none;padding-top:2px;"></span>
                              <span class="addSectionTitleText"><span rsf:id="msg=simplepage.layout.section.title"></span></span>
                            </div>
                          </div>
                          <div class="row">
                            <div class="col col-4 col-xs-4" style="padding-left:2px;padding-right:0;">
                              <div class="addSectionColumn"><span rsf:id="msg=simplepage.layout.sample.text"></span></div>
                            </div>
                            <div class="col col-8 col-xs-8" style="padding-left:0;padding-right:2px;">
                              <div class="addSectionColumn"><span rsf:id="msg=simplepage.layout.sample.text"></span></div>
                            </div>
                          </div>
                        </div>
                        <div class="caption">
                          <label>
                            <input rsf:id="layout-right-double" type="radio" name="layoutRadio" /> <span rsf:id="msg=simplepage.layout.double.right"></span></label>
                        </div>
                      </div>
                    </div>
                    <div class="col-md-3 col-sm-4 d-flex align-items-stretch">
                      <div class="layout-option">
                        <div class="container">
                          <div class="col-xs-12 row" style="padding-left:2px;padding-right:2px;">
                            <div class="col addSectionTitleExample">
                              <span class="fa fa-caret-down pull-left collapsible-section" style="display:none;padding-top:2px;"></span>
                              <span class="addSectionTitleText"><span rsf:id="msg=simplepage.layout.section.title"></span></span>
                            </div>
                          </div>
                          <div class="row">
                            <div class="col col-xs-4" style="padding-left:2px;padding-right:0;">
                              <div class="addSectionColumn"><span rsf:id="msg=simplepage.layout.sample.text"></span></div>
                            </div>
                            <div class="col col-xs-4" style="padding-left:0;padding-right:0;">
                              <div class="addSectionColumn"><span rsf:id="msg=simplepage.layout.sample.text"></span></div>
                            </div>
                            <div class="col col-xs-4" style="padding-left:0;padding-right:2px;">
                              <div class="addSectionColumn"><span rsf:id="msg=simplepage.layout.sample.text"></span></div>
                            </div>
                          </div>
                        </div>
                        <div class="caption">
                          <label>
                            <input rsf:id="layout-three-equal" type="radio" name="layoutRadio" /> <span rsf:id="msg=simplepage.layout.three.columns"></span></label>
                        </div>
                      </div>
                    </div>
                  </div>
                  <hr />
                  <p class="act">
                    <input type="submit" rsf:id="layout-submit" class="btn btn-primary" />
                    <input type="button" rsf:id="layout-cancel" class="btn btn-link" data-bs-dismiss="modal"/>
                  </p>
                </form>
              </div>
              <div id="pagelayout" class="tab-pane fade">
                <form action="#" rsf:id="page-form" class="controlsPanel form">
                  <input type="hidden" rsf:id="page-csrf28" />
                  <div rsf:id="msg=simplepage.layout.page.directions"></div>
                  <h5 rsf:id="msg=simplepage.layout.page.choose"></h5>
                  <select id="page-dropdown-selection" rsf:id="page-dropdown" onchange="pageLayoutSelectChange()">
                    <option rsf:id="page-options:"><span rsf:id="page-labels"></span></option>
                  </select>
                  <hr />
                  <h5 rsf:id="msg=simplepage.layout.example" id="simplepage-layout-example" style="display:none"></h5>
                  <div style="display:none;" id="type1description" class="templateTypeDescription">
                    <div rsf:id="msg=simplepage.layout.subpage.listing.desc"></div>
                    <br/>
                    <a rsf:id="page-preview-subpage" class="layoutPreviewLink">
                      <img class="pagePreviewImage img-thumbnail" id="page-preview-subpage-image" rsf:id="page-preview-subpage-image" alt="Preview image" />
                      <div rsf:id="msg=simplepage.layout.click"></div>
                    </a>
                    <br/>
                    <hr />
                    <h5 rsf:id="msg=simplepage.layout.options"></h5>
                    <input id="page-option-subpage-title" rsf:id="page-option-subpage-title" />
                    <label for="page-option-subpage-title" rsf:id="msg=simplepage.layout.page.subpage"></label>
                    <br/>
                    <br/>
                    <input type="checkbox" rsf:id="page-subpage-button" id="page-subpage-button" onclick="buttonLinkChange()" />
                    <label rsf:id="msg=simplepage.subpage-button" for="page-subpage-button"></label>
                    <br/>
                    <br/>
                    <div id="page-color-div">
                      <select rsf:id="page-color-scheme" id="page-color-scheme">
                        <option rsf:id="pageschemes:"><span rsf:id="pageSchemeLabel"></span></option>
                      </select>
                      <label rsf:id="msg=simplepage.btncolor" for="page-color-scheme"></label>
                      <br/>
                      <br/>
                    </div>
                    <select id="page-option-subpage-count-selection" rsf:id="page-option-subpage-count">
                      <option rsf:id="page-subpage-count-options:" id="page-dropdown-subpage-count"><span rsf:id="subpage-count-labels"></span></option>
                    </select>
                    <label for="page-option-subpage-count-selection" rsf:id="msg=simplepage.layout.page.subpage.count"></label>
                    <br/>
                    <br/>
                  </div>
                  <div style="display:none;" id="type2description" class="templateTypeDescription">
                    <div rsf:id="msg=simplepage.layout.interior.resources.desc"></div>
                    <br/>
                    <a rsf:id="page-preview-resource" class="layoutPreviewLink">
                      <img class="pagePreviewImage img-thumbnail" id="page-preview-resource-image" rsf:id="page-preview-resource-image" alt="Preview image" />
                      <br/>
                      <div rsf:id="msg=simplepage.layout.click"></div>
                    </a>
                  </div>
                  <div style="display:none;" id="type3description" class="templateTypeDescription">
                    <div rsf:id="msg=simplepage.layout.interior.task.desc"></div>
                    <br/>
                    <a rsf:id="page-preview-task" class="layoutPreviewLink">
                      <img class="pagePreviewImage img-thumbnail" id="page-preview-task-image" rsf:id="page-preview-task-image" alt="Preview image" />
                      <br/>
                      <div rsf:id="msg=simplepage.layout.click"></div>
                    </a>
                    <hr />
                    <h5 rsf:id="msg=simplepage.layout.options"></h5>
                    <select rsf:id="page-option-task-count" id="page-option-task-count-selection">
                      <option rsf:id="page-task-count-options:"><span rsf:id="task-count-labels"></span></option>
                    </select>
                    <label rsf:id="msg=simplepage.layout.page.task.count" for=""></label>
                    <br/>
                    <br/>
                    <select rsf:id="page-color-scheme-3" id="page-color-scheme-3">
                      <option rsf:id="pageschemes:"><span rsf:id="pageSchemeLabel"></span></option>
                    </select>
                    <label rsf:id="msg=simplepage.layout.color.scheme" for="page-color-scheme"></label>
                    <br/>
                    <br/>
                    <input type="checkbox" id="page-option-task-collapsible" rsf:id="page-option-task-collapsible" onclick="collapsibleChange()" />
                    <label for="page-option-task-collapsible" rsf:id="msg=simplepage.layout.page.task.collapsible"></label>
                    <div style="display:none" id="pageCloseDiv">
                      <input type="checkbox" id="page-option-task-closed" rsf:id="page-option-task-closed" />
                      <label for="page-option-task-closed" rsf:id="msg=simplepage.layout.page.task.closed"></label>
                    </div>
                  </div>
                  <hr />
                  <p class="act">
                    <input type="submit" rsf:id="page-submit" class="btn btn-primary" />
                    <input type="button" rsf:id="page-cancel" class="btn btn-link" data-bs-dismiss="modal" />
                  </p>
                </form>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div id="edit-title-dialog" rsf:id="edit-title-dialog" class="modal fade" tabindex="-1" aria-labelledby="titleModalLabel" aria-hidden="true">
      <div class="modal-dialog modal-lg">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="titleModalLabel" rsf:id="msg=simplepage.title">simplepage.title</h5>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
          </div>
          <div class="modal-body">

            <div class="ui-widget" id="edit-title-error-container">
              <div class="sak-banner-error" id="edit-title-error"></div>
            </div>

            <form action="#" rsf:id="title-form" enctype="multipart/form-data" class="controlsPanel">
              <input type="hidden" rsf:id="csrf14" />

              <p class="shorttext required">
                <span class="reqStar">*</span>
                <label class="pageTitle" rsf:id="pageTitleLabel" for="pageTitle">Page Title</label>
                <input rsf:id="pageTitle" maxlength="255" id="pageTitle" type="text" />
              </p>

              <div rsf:id="hideContainer">
                <div rsf:id="prereqContainer">
                  <p class="checkbox">
                    <input type="checkbox" id="page-prerequisites" rsf:id="page-prerequisites" />
                    <label for="page-prerequisites"><span rsf:id="msg=simplepage.page_prerequisites_label"></span></label>
                  </p>
                  <p class="checkbox">
                    <input type="checkbox" id="page-required" rsf:id="page-required" />
                    <label for="page-required"><span rsf:id="msg=simplepage.page_require"></span></label>
                  </p>
                </div>

                <p class="checkbox">
                  <input type="checkbox" id="page-releasedate" rsf:id="page-releasedate" />
                  <label for="releaseDate:1:date-field"><span rsf:id="msg=simplepage.page.releasedate"></span></label>
                </p>
                <div id="releaseDiv" class="indnt3">
                  <span rsf:id="releaseDate:" id="releaseDate">
                    <span style="display:none" rsf:id="currentReleaseDate" id="currentReleaseDate"></span>
                    <input style="display:none" rsf:id="release_date_string" type="hidden" id="release_date_string" />
                    <input rsf:id="release_date" type="text" id="release_date" />
                  </span>
                </div>
                <p class="checkbox">
                  <input type="checkbox" id="hide" rsf:id="hide" />
                  <label for="hide"><span rsf:id="msg=simplepage.hide_page_from_users"></span></label>
                </p>

              </div>

              <div rsf:id="gradeBookDiv">
                <p class="checkbox">
                  <input type="checkbox" name="page-gradebook" id="page-gradebook" rsf:id="page-gradebook" />
                  <label for="page-gradebook"><span rsf:id="msg=simplepage.page.gradebook"></span></label>
                  <span class="shorttext"><input type="number" name="page-points" id="page-points" rsf:id="page-points" min="0" step="0.01" /></span>
                  <label for="page-points"><span rsf:id="msg=simplepage.points"></span></label>
                </p>
              </div>

              <div rsf:id="csssection">
                <hr />
                <label for="cssDropdown-selection" rsf:id="cssDropdownLabel"></label>
                <select rsf:id="cssDropdown" id="cssDropdown" name="cssDropdown">
                  <option rsf:id="possCss:"></option>
                </select>
                <p class="indnt1">
                  <label for="cssUpload" rsf:id="cssUploadLabel"></label>
                  <input type="file" name="cssUpload" rsf:id="cssUpload" class="edit-multimedia-input" />
                  <p class="instruction" rsf:id="cssDefaultInstructions"></p>
                </p>

              </div>
              <hr />
              <p class="instruction" rsf:id="ownerDefaultInstructions"></p>
              <div rsf:id="changeOwnerSection">
                <label for="changeOwnerDropdown" rsf:id="changeOwnerDropdownLabel"></label>
                <select rsf:id="changeOwnerDropdown" id="changeOwnerDropdown" name="changeOwnerDropdown">
                  <option rsf:id="possOwner:"></option>
                </select>
              </div>
              <p class="act">
                <input class="bold" type="submit" onclick="event.returnValue = checkEditTitleForm(); return checkEditTitleForm();" rsf:id="create-title" />
                <button type="button" class="btn btn-link" data-bs-dismiss="modal" rsf:id="msg=simplepage.cancel">simplepage.cancel</button>
              </p>
            </form>
          </div>
        </div>
      </div>
    </div>

    <div rsf:id="error-div" class="ui-widget sak-banner-error error-spacingabove error-nospcebelow" role="alert">
      <div>
        <div rsf:id="error"></div>
        <div rsf:id="errors:">
          <p rsf:id="error-message"></p>
        </div>
      </div>
    </div>

    <ul id="error-list" rsf:id="error-list:" role="alert">
      <li id="error-item" rsf:id="error-item:">
        <span id="error-item-text" rsf:id="error-item-text">missing page</span>
      </li>
    </ul>

    <ul class="navIntraTool">
      <li class="bottomButtons">
        <span id="expandCollapseButtons" style="display:none;">
          <a href="#" role="button" id="expandAllSections" class="button menuitem">
            <span class="fa fa-toggle-down" aria-hidden="true" style="padding-right:5px;"></span>
            <span rsf:id="msg=simplepage.expand.all"></span>
          </a>
          <a href="#" role="button" id="collapseAllSections" style="display:none;" class="button menuitem">
            <span class="fa fa-toggle-up" aria-hidden="true" style="padding-right:5px;"></span>
            <span rsf:id="msg=simplepage.collapse.all"></span>
          </a>
        </span>
        <a role="button" class="nextprev prev menuitem button" href="#" rsf:id="prev">next</a>
        <a role="button" class="bottomRight nextprev prev menuitem button" href="#" rsf:id="next">next</a>
      </li>
    </ul>

    <div class="itemclass" rsf:id="itemContainer:" role="main" style="z-index: 1;">
      <input type="hidden" id="activeQuestion" />
      <div style="display:none" rsf:id="current-item-id"></div>

      <h3 rsf:id="msg=simplepage.maincontent" class="lb-offscreen" id="maintablelabel"></h3>
      <!-- WARNING: javascript for add-break-section adds section, ul, li, and sectionedit markup, so if you change here, keep it in sync -->
      <div rsf:id="sectionWrapper:">
        <h3 rsf:id="sectionHeader" id="sectionHeader" class="sectionHeader">
	  <a class="d-block text-decoration-none" tabindex="0" data-bs-toggle="collapse" href="#collapsibleContent" aria-expanded="true" aria-controls="collapsibleContent">
            <span aria-hidden="true" class="collapseIcon fa-caret-down"></span>
            <span rsf:id="sectionHeaderText" class="sectionHeaderText"></span>
            <span class="toggleCollapse" rsf:id="msg=simplepage.clickToCollapse"></span>
          </a>
	</h3>
        <div rsf:id="section:" id="section" class="section">
          <div rsf:id="column:" class="column">
            <div class="editsection">
              <span rsf:id="section-td" class="sectionedit">
                <h3 class="lb-offscreen" rsf:id="break-msg"></h3>
                <button type="button" rsf:id="section-del-link">
                  <span aria-hidden="true" class="fa-compress fa-edit-icon"></span>
              </button>
              </span>
              <span rsf:id="section2" class="sectionedit sectionedit2">
                <a role="button" rsf:id="section3" class="columnopen" style="text-decoration: none;" data-bs-toggle="modal" data-bs-target="#column-dialog" aria-controls="column-dialog" aria-expanded="false" href="#">
                  <span aria-hidden="true" class="fa-cog fa-edit-icon sectioneditfont"></span>
                </a>
              </span>
            </div>
            <span rsf:id="addbottom" class="sectionedit addbottom">
              <button type="button add-bottom"
                  rsf:id="addbottom2"
                  class="btn btn-link add-bottom"
                  aria-controls="addContentDiv"
                  aria-expanded="false">
                <span aria-hidden="true" class="fa-plus fa-edit-icon plus-edit-icon"></span>
              </button>
            </span>
            <div class="indent mainList" rsf:id="itemTable:" border="0" style="z-index: 1;" role="list" aria-labelledby="itemContainer::maintablelabel">
              <div tabindex="0" rsf:id="item:" id="item" role="listitem" class="item">
                <span style="display:none" rsf:id="itemid" class="itemid"></span>
                <span style="display:none" rsf:id="pageid" class="pageid"></span>
                <div rsf:id="group-td" aria-hidden="true" class="group-col">
                  <div>
                    <a href="#" class="usebutton" onclick="return false" rsf:id="group-link">
                      <span rsf:id="group-icon"></span>
                    </a>
                  </div>
                </div>
                <div rsf:id="item-td" class="right-col">
                  <div class="statusCol">
                    <span rsf:id="status" class="status-icon" aria-hidden="true"></span>
                  </div>
                  <div rsf:id="contentCol" class="contentCol">
                    <div rsf:id="link-div:" class="link-div">
                      <span rsf:id="item-icon" aria-hidden="true" class="fa-item-text"></span>
                      <span rsf:id="link-note" class="lb-offscreen"></span>
                      <span class="link-div-head" role="heading" aria-level="3">
                        <a class="itemlink" href="#" rsf:id="link">
                          <span rsf:id="link-text" class="link-text itemtext"></span>
                        </a>
                      </span>
                      <span class="link-div-additional"  role="heading" aria-level="3">
                        <span rsf:id="link-seperator" class="link-seperator" aria-hidden="true"></span>
                        <a class="itemlink" href="#" rsf:id="link-additional">
                          <span rsf:id="link-additional-text" class="link-text link-additional-text itemtext"></span>
                        </a>
                      </span>
                      <span rsf:id="owner-text" class=""></span>
                      <span><span rsf:id="link-fake-note" class="lb-offscreen"></span>
                        <span rsf:id="link-fake" class="link-text itemtext fake-disabled" role="heading" aria-level="3"></span>
                      </span>
                      <span rsf:id="link-button-span" class="" style="background-color:transparent;border:none">
                        <a href="#" class="usebutton" rsf:id="link-button">
                          <span rsf:id="link-button-text" class="link-text"></span>
                        </a>
                        <span rsf:id="link-button-fake" class="usebutton link-text fake-disabled"></span>
                        <span rsf:id="link-button-note" class="lb-offscreen"></span>
                        <span rsf:id="link-button-fake-note" class="lb-offscreen"></span>
                      </span>
                      <a class="itemcopylink" href="#" rsf:id="copylink"><span class="itemcopytext"  rsf:id="copylinktext"></span></a>
                      <span rsf:id="item-group-titles"></span>
                    </div>
                    <!-- /link-div -->
                    <div rsf:id="item-group-titles-div"></div>
                    <iframe name="BltiIFrame" class="portletMainIframe multimedia" frameborder="0" marginwidth="0" width="100%" height="300" marginheight="0" scrolling="auto" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true" rsf:id="blti-iframe" id="blti-iframe">
                    </iframe>

                    <div class="rowdescription itemdescription" rsf:id="description"></div>
                  </div> <!-- /contentCol -->

                  <div rsf:id="edit-td" role="toolbar" class="edit-col">
                    <div>
                      <a rsf:id="edit-link" role="button" class="usebutton edit-link" data-bs-toggle="modal" data-bs-target="#edit-item-dialog" aria-controls="edit-item-dialog" href="#" onclick="return false">
                        <span aria-hidden="true" class="fa-edit fa-edit-icon"></span>
                      </a>
                      <a role="button" href="#" class="usebutton del-item-link" onclick="return false">
                        <span aria-hidden="true" class="fa-trash-o fa-edit-icon"></span>
                      </a>
                      <a role="button" class="usebutton add-link" aria-controls="addContentDiv" aria-expanded="false">
                        <span aria-hidden="true" class="fa-plus plus-edit-icon fa-edit-icon"></span>
                      </a>
                    </div>
                  </div>

                  <div style="display:none">
                    <span rsf:id="indentLevel" class="indentLevel"></span>
                    <span rsf:id="custom-css-class" class="custom-css-class"></span>
                    <span rsf:id="current-item-id2" class="current-item-id2"></span>
                    <span rsf:id="lti-tool-newpage2" class="lti-tool-newpage2"></span>
                    <span rsf:id="lti-content-newpage2" class="lti-content-newpage2"></span>
                    <span rsf:id="prerequisite-info" class="prerequisite-info"></span>
                    <span rsf:id="required-info" class="required-info"></span>
                    <span rsf:id="type" class="type"></span>
                    <span rsf:id="requirement-text" class="requirement-text"></span>
                    <span rsf:id="page-next" class="page-next"></span>
                    <span rsf:id="page-button" class="page-button"></span>
                    <span rsf:id="page-hidden" class="page-hidden"></span>
                    <span rsf:id="edit-url" class="edit-url"></span>
                    <span rsf:id="edit-settings-url" class="edit-settings-url"></span>
                    <span rsf:id="item-samewindow" class="item-samewindow"></span>
                    <span rsf:id="item-groups" class="item-groups"></span>
                    <span rsf:id="item-height" class="item-height"></span>
                    <span rsf:id="item-name" class="link-text"></span>
                    <span rsf:id="item-format" class="item-format"></span>
                    <span rsf:id="item-path" class="item-path"></span>
                    <span rsf:id="subpagereleasedate" class="subpagereleasedate"></span>
                  </div>

                </div>
                <!-- /item-td -->

                <div rsf:id="resourceFolderGroup-td" class="group-col">
                  <div>
                    <a href="#" class="usebutton" rsf:id="groupResourceFolder-link">
                      <span rsf:id="groupResourceFolder-icon"></span>
                    </a>
                  </div>
                </div>
                <div rsf:id="resourceFolderSpan" class="right-col">
                  <div rsf:id="resourceFolder-td" class="edit-col">
                    <div>
                      <a href="#" class="usebutton edit-resourceFolder" rsf:id="edit-resourceFolder">
                        <span aria-hidden="true" class="fa-edit fa-edit-icon"></span>
                      </a>
                      <a aria-hidden="true" href="#" class="usebutton del-item-link" onclick="return false">
                        <span aria-hidden="true" class="fa-trash-o fa-edit-icon" style="pointer-events: none;"></span>
                      </a>
                      <a href="#" class="usebutton add-link" data-bs-toggle="modal" data-bs-target="#addContentDiv" aria-controls="addContentDiv" aria-expanded="false" onclick="return false">
                        <span class="fa-plus fa-edit-icon plus-edit-icon"></span>
                      </a>
                    </div>
                  </div>
                  <div rsf:id="resourceFolder-groups-titles" class="item-group-titles"></div>
                  <div rsf:id="content" class="textbox"></div>
                </div>
                <div rsf:id="twittergroup-td" aria-hidden="true" class="group-col">
                  <div>
                    <a href="#" class="usebutton" rsf:id="grouptwitter-link">
                      <span rsf:id="grouptwitter-icon"></span>
                    </a>
                  </div>
                </div>
                <div rsf:id="twitterSpan" class="right-col">
                  <div rsf:id="twitter-td" class="edit-col">
                    <div>
                      <a href="#" id="edit-twitter" rsf:id="edit-twitter" class="usebutton edit-twitter" data-bs-toggle="modal" data-bs-target="#add-twitter-dialog" aria-controls="add-twitter-dialog" aria-expanded="false" click="return false">
                        <span aria-hidden="true" class="fa-edit fa-edit-icon"></span>
                      </a>
                      <a aria-hidden="true" href="#" class="usebutton del-item-link" onclick="return false">
                        <span class="fa-trash-o fa-edit-icon"></span>
                      </a>
                      <a href="#" class="usebutton add-link" data-bs-toggle="modal" data-bs-target="#addContentDiv" aria-controls="addContentDiv" aria-expanded="false" onclick="return false">
                        <span class="fa-plus fa-edit-icon plus-edit-icon"></span>
                      </a>
                    </div>
                  </div>
                  <div rsf:id="twitter-groups-titles" class="item-group-titles"></div>
                  <div rsf:id="content" class="textbox"></div>
                  <span style="display:none" rsf:id="twitterId" class="twitter-id"></span>
                  <span style="display:none" rsf:id="username" class="username"></span>
                  <span style="display:none" rsf:id="tweetLimit" class="tweetLimit"></span>
                  <span style="display:none" rsf:id="twitter-height" class="twitterHeight"></span>
                </div>
                <div class="right-col">
                  <p rsf:id="notAvailableText" class="sak-banner-warn narrow-instruction"></p>
                </div>
                <div rsf:id="announcementsgroup-td" class="group-col">
                  <div><a href="#" class="usebutton" rsf:id="groupannouncements-link"><span rsf:id="groupannouncements-icon"></span></a></div>
                </div>
                <div rsf:id="announcementsSpan" class="right-col">
                  <div rsf:id="announcements-td" class="edit-col">
                    <div>
                      <a href="#" rsf:id="edit-announcements" class="usebutton edit-announcements" data-bs-toggle="modal" data-bs-target="#add-announcements-dialog" aria-controls="add-announcements-dialog" aria-expanded="false" onclick="return false">
                        <span aria-hidden="true" class="fa-edit fa-edit-icon"></span>
                      </a>
                      <a aria-hidden="true" href="#" class="usebutton del-item-link" onclick="return false">
                        <span class="fa-trash-o fa-edit-icon"></span>
                      </a>
                      <a href="#" class="usebutton add-link" data-bs-toggle="modal" data-bs-target="#addContentDiv" aria-controls="addContentDiv" aria-expanded="false" onclick="return false">
                        <span class="fa-plus fa-edit-icon plus-edit-icon"></span>
                      </a>
                    </div>
                  </div>
                  <div rsf:id="announcements-groups-titles" class="item-group-titles"></div>
                  <div rsf:id="content" class="textbox"></div>
                  <span style="display:none" rsf:id="announcements-id" class="announcementsId"></span>
                  <span style="display:none" rsf:id="announcements-widget-height" class="announcementsWidgetHeight"></span>
                  <span style="display:none" rsf:id="announcements-site-url" class="announcements-site-url"></span>
                  <span style="display:none" rsf:id="announcements-view-url" class="announcements-view-url"></span>
                  <span style="display:none" rsf:id="numberOfAnnouncements" class="numberOfAnnouncements"></span>
                </div>
                <div rsf:id="forumsummarygroup-td" aria-hidden="true" class="group-col">
                  <div>
                    <a href="#" class="usebutton" rsf:id="groupforum-summary-link">
                      <span rsf:id="groupforum-summary-icon"></span>
                    </a>
                  </div>
                </div>
                <div rsf:id="forumSummarySpan" class="right-col">
                  <div rsf:id="forum-summary-td" class="edit-col">
                    <div>
                      <a href="#" rsf:id="edit-forum-summary" class="usebutton edit-forum-summary" data-bs-toggle="modal" data-bs-target="#add-forum-summary-dialog" aria-controls="add-forum-summary-dialog" aria-expanded="false" onclick="return false">
                        <span aria-hidden="true" class="fa-edit fa-edit-icon"></span>
                      </a>
                      <a aria-hidden="true" href="#" class="usebutton del-item-link" onclick="return false">
                        <span class="fa-trash-o fa-edit-icon"></span>
                      </a>
                      <a href="#" class="usebutton add-link" data-bs-toggle="modal" data-bs-target="#addContentDiv" aria-controls="addContentDiv" aria-expanded="false" onclick="return false">
                        <span class="fa-plus fa-edit-icon plus-edit-icon"></span>
                      </a>
                    </div>
                  </div>
                  <div rsf:id="forum-summary-groups-titles" class="item-group-titles"></div>
                  <div rsf:id="content" class="textbox"></div>
                  <span style="display:none" rsf:id="forum-summary-id" class="forumSummaryId"></span>
                  <span style="display:none" rsf:id="forum-summary-widget-height" class="forumSummaryWidgetHeight"></span>
                  <span style="display:none" rsf:id="forum-summary-site-url" class="forum-summary-site-url"></span>
                  <span style="display:none" rsf:id="forum-summary-view-url" class="forum-summary-view-url"></span>
                  <span style="display:none" rsf:id="numberOfConversations" class="numberOfConversations"></span>
                </div>
                <div rsf:id="calendargroup-td" aria-hidden="true" class="group-col">
                  <div>
                    <a href="#" class="usebutton" rsf:id="groupcalendar-link">
                      <span rsf:id="groupcalendar-icon"></span>
                    </a>
                  </div>
                </div>
                <div rsf:id="calendarSpan" class="right-col">
                  <div rsf:id="calendar-td" class="edit-col">
                    <div>
                      <a rsf:id="edit-calendar" href="#" class="usebutton edit-calendar" data-bs-toggle="modal" data-bs-target="#edit-item-dialog" aria-controls="edit-item-dialog" aria-expanded="false" onclick="return false">
                        <span aria-hidden="true" class="fa-edit fa-edit-icon"></span>
                      </a>
                      <a aria-hidden="true" href="#" class="usebutton del-item-link" onclick="return false">
                        <span class="fa-trash-o fa-edit-icon"></span>
                      </a>
                      <a href="#" class="usebutton add-link" data-bs-toggle="modal" data-bs-target="#addContentDiv" aria-controls="addContentDiv" aria-expanded="false" onclick="return false">
                        <span class="fa-plus fa-edit-icon plus-edit-icon"></span>
                      </a>
                    </div>
                  </div>
                  <span style="display:none" rsf:id="calendar-groups-titles" class="item-group-titles"></span>
                  <span style="display:none" rsf:id="calendar-item-groups" class="calendar-item-groups"></span>
                  <div rsf:id="content" class="textbox"></div>
                  <span style="display:none" rsf:id="calendar-item-id" class="calendar-item-id"></span>
                  <span style="display:none" rsf:id="site-events-url" class="site-events-url"></span>
                  <span style="display:none" rsf:id="event-tool-url" class="event-tool-url"></span>
                  <span style="display:none" rsf:id="calendar-indentLevel" class="calendar-indentLevel"></span>
                  <span style="display:none" rsf:id="calendar-custom-css-class" class="calendar-custom-css-class"></span>
                  <span style="display:none" rsf:id="calendar-name" class="calendar-name"></span>
                  <span style="display:none" rsf:id="calendar-description" class="calendar-description"></span>
                </div>
                <div rsf:id="grouptext-td" aria-hidden="true" class="group-col">
                  <div>
                    <a href="#" class="usebutton" rsf:id="grouptext-link">
                      <span rsf:id="grouptext-icon"></span>
                    </a>
                  </div>
                </div>
                <div rsf:id="itemSpan" class="right-col">
                  <div rsf:id="item-groups-titles-text" class="item-group-titles"></div>
                  <div rsf:id="content" class="textbox"></div>
                  <div rsf:id="edittext-td" role="toolbar" class="edit-col">
                    <div>
                      <a role="button" href="#" class="usebutton itemLink" rsf:id="edit-link">
                        <span aria-hidden="true" class="fa-edit fa-edit-icon"></span>
                      </a>
                      <a role="button" href="#" class="usebutton del-item-link" onclick="return false">
                        <span aria-hidden="true" class="fa-trash-o fa-edit-icon"></span>
                      </a>
                      <a role="button" class="usebutton add-link" data-bs-toggle="modal" data-bs-target="#addContentDiv" aria-controls="addContentDiv" aria-expanded="false" href="#" onclick="return false">
                        <span aria-hidden="true" class="fa-plus fa-edit-icon plus-edit-icon"></span>
                      </a>
                    </div>
                  </div>
                </div>
                <div rsf:id="groupmm-td" aria-hidden="true" class="group-col">
                  <div>
                    <a href="#" class="usebutton" onclick="return false" rsf:id="iframe-group">
                      <span rsf:id="iframe-icon"></span>
                    </a>
                  </div>
                </div>
                <div rsf:id="iframeSpan" class="hideOnDialog right-col">
                  <div>
                    <div rsf:id="item-group-titles2" class="item-group-titles"></div>
                    <div rsf:id="iframe-link-div">
                      <a rsf:id="iframe-link-link" href="#" target="_blank"></a>
                    </div>
                    <iframe name="SimplePageIFrame" class="portletMainIframe multimedia playerwidth" frameborder="0" marginwidth="0" width="100%" marginheight="0" scrolling="auto" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true" rsf:id="iframe" id="iframe">
                    </iframe>
                    <div rsf:id="mm-embed" class="multimedia playerwidth"></div>
                    <script rsf:id="mm-embed-script"></script>
                    <a rsf:id="mm-oembed" href="#" class="oembed multimedia playerwidth">Preview</a>
                    <div rsf:id="editmm-td" role="toolbar" class="edit-col">
                      <div>
                        <a rsf:id="iframe-edit" role="button" class="usebutton multimedia-edit" data-bs-toggle="modal" data-bs-target="#edit-multimedia-dialog" aria-controls="edit-multimedia-dialog" aria-expanded="false" href="#" onclick="return false">
                          <span aria-hidden="true" class="fa-edit fa-edit-icon"></span>
                        </a>
                        <a role="button" href="#" class="usebutton del-item-link" onclick="return false">
                          <span aria-hidden="true" class="fa-trash-o fa-edit-icon"></span>
                        </a>
                        <a role="button" class="usebutton add-link" data-bs-toggle="modal" data-bs-target="#addContentDiv" aria-controls="addContentDiv" aria-expanded="false">
                          <span aria-hidden="true" class="fa-plus fa-edit-icon plus-edit-icon"></span>
                        </a>
                      </div>
                    </div>
                    <div style="display:none" rsf:id="iframeHeight" class="mm-height"></div>
                    <div style="display:none" rsf:id="iframeWidth" class="mm-width"></div>
                    <div class="description" rsf:id="description5"></div>
                    <div style="display:none" rsf:id="mimetype3" class="mm-type"></div>
                    <div style="display:none" rsf:id="embedtype" class="mm-embedtype"></div>
                    <div style="display:none" rsf:id="current-item-id3" class="mm-itemid"></div>
                    <div style="display:none" rsf:id="item-prereq2" class="prerequisite-info"></div>
                    <div style="display:none" rsf:id="item-groups2" class="item-groups"></div>
                    <span style="display:none" rsf:id="item-path2" class="item-path"></span>
                  </div>
                  <!-- /item -->
                </div>
                <!-- /edit-section -->

                <div rsf:id="imageSpan" class="right-col image-col">
                  <div>
                    <div rsf:id="item-group-titles3" class="item-group-titles"></div>
                    <img rsf:id="image" class="multimedia playerwidth" />
                    <div rsf:id="editimage-td" role="toolbar" class="edit-col">
                      <div>
                        <a  rsf:id="image-edit" role="button" class="usebutton multimedia-edit" data-bs-toggle="modal" data-bs-target="#edit-multimedia-dialog" aria-controls="edit-multimedia-dialog" aria-expanded="false" href="#" onclick="return false">
                          <span aria-hidden="true" class="fa-edit fa-edit-icon"></span>
                        </a>
                        <a role="button" href="#" class="usebutton del-item-link" onclick="return false">
                          <span aria-hidden="true" class="fa-trash-o fa-edit-icon"></span>
                        </a>
                        <a role="button" class="usebutton add-link" data-bs-toggle="modal" data-bs-target="#addContentDiv" aria-controls="addContentDiv" aria-expanded="false">
                          <span aria-hidden="true" class="fa-plus fa-edit-icon plus-edit-icon"></span>
                        </a>
                      </div>
                    </div>
                    <div style="display:none" rsf:id="imageHeight" class="mm-height"></div>
                    <div style="display:none" rsf:id="imageWidth" class="mm-width"></div>
                    <div class="description" rsf:id="description2"></div>
                    <div style="display:none" rsf:id="mimetype2" class="mm-type"></div>
                    <div style="display:none" rsf:id="current-item-id4" class="mm-itemid"></div>
                    <div style="display:none" rsf:id="item-prereq3" class="prerequisite-info"></div>
                    <div style="display:none" rsf:id="item-groups3" class="item-groups"></div>
                    <span style="display:none" rsf:id="item-path3" class="item-path"></span>
                  </div>
                  <!-- /column -->
                </div>
                <!-- /section -->

                <div rsf:id="youtubegroup-td" aria-hidden="true" class="group-col">
                  <div>
                    <a href="#" class="usebutton" onclick="return false" rsf:id="youtube-group">
                      <span rsf:id="youtubegroup-icon"></span>
                    </a>
                  </div>
                </div>
                <div rsf:id="youtubeSpan" id="youtubeSpan" class="hideOnDialog right-col">
                  <div>
                    <div rsf:id="item-group-titles4" class="item-group-titles"></div>
                    <iframe rsf:id="youtubeIFrame" frameborder="0" allowfullscreen="allowfullscreen" webkitallowfullscreen="true" mozallowfullscreen="true" class="playerwidth">
                    </iframe>
                    <div rsf:id="youtube-td" role="toolbar" class="edit-col">
                      <div>
                        <a role="button" rsf:id="youtube-edit" class="usebutton edit-youtube" data-bs-toggle="modal" data-bs-target="#youtube-dialog" aria-controls="youtube-dialog" aria-expanded="false" href="#" onclick="return false">
                          <span aria-hidden="true" class="fa-edit fa-edit-icon"></span>
                        </a>
                        <a role="button" href="#" class="usebutton del-item-link" onclick="return false">
                          <span aria-hidden="true" class="fa-trash-o fa-edit-icon"></span>
                        </a>
                        <a role="button" class="usebutton add-link" href="#" onclick="return false">
                          <span aria-hidden="true" class="fa-plus fa-edit-icon plus-edit-icon"></span>
                        </a>
                      </div>
                    </div>
                  </div>
                  <div style="display:none" rsf:id="youtubeId" class="youtube-id"></div>
                  <div style="display:none" rsf:id="currentYoutubeURL" class="youtube-url"></div>
                  <div style="display:none" rsf:id="currentYoutubeHeight" class="mm-height"></div>
                  <div style="display:none" rsf:id="currentYoutubeWidth" class="mm-width"></div>
                  <div class="description" rsf:id="description4"></div>
                  <div style="display:none" rsf:id="current-item-id5" class="mm-itemid"></div>
                  <div style="display:none" rsf:id="item-prereq4" class="prerequisite-info"></div>
                  <div style="display:none" rsf:id="item-groups4" class="item-groups"></div>
                  <span style="display:none" rsf:id="item-path4" class="item-path"></span>
                </div>

                <div rsf:id="moviegroup-td" aria-hidden="true" class="group-col">
                  <div>
                    <a href="#" class="usebutton" onclick="return false" rsf:id="group-movie">
                      <span rsf:id="icon-movie"></span>
                    </a>
                  </div>
                </div>
                <div rsf:id="movieSpan" class="hideOnDialog right-col">
                  <div>
                    <div rsf:id="item-group-titles5" class="item-group-titles"></div>
                    <div rsf:id="movie-link-div">
                      <a rsf:id="movie-link-link" href="#"></a>
                    </div>
                    <!-- HTML5 video player with caption support -->
                    <video rsf:id="h5video" controls="controls" class="html5video playerwidth" style="display:none">
                      <source rsf:id="h5source" />
                      <track rsf:id="h5track" kind="captions" />
                    </video>
                    
                    <!-- HTML5 audio player -->
                    <audio rsf:id="h5audio" controls="controls" class="html5video playerwidth" style="display:none">
                      <source rsf:id="h5asource" />
                    </audio>
                    
                    <!-- PDF.js viewer -->
                    <iframe rsf:id="pdfEmbed"></iframe>
                    
                    <!-- Object fallback (used for PowerPoint and other files) -->
                    <object rsf:id="movieObject" class="playerwidth">
                      <param name="src" rsf:id="movieURLInject" />
                      <param name="autoplay" value="false" />
                      <param name="autostart" value="false" />
                      <param name="scale" value="aspect" />
                      <param name="showControls" value="true" />
                      <p rsf:id="noplugin-p" class="sak-banner-warn-inline mb-1"></p>
                      <br rsf:id="noplugin-br" />
                      <a href="#" rsf:id="noplugin" target="_blank"></a>
                      <embed rsf:id="mp4-embed" autoplay="false" autostart="false" scale="aspect" class="playerwidth" />
                    </object>
                    <div rsf:id="movie-td" role="toolbar" class="edit-col">
                      <div>
                        <a rsf:id="edit-movie" role="button" class="usebutton edit-movie" data-bs-toggle="modal" data-bs-target="#movie-dialog" aria-controls="movie-dialog" aria-expanded="false" href="#" onclick="return false">
                          <span aria-hidden="true" class="fa-edit fa-edit-icon"></span>
                        </a>
                        <a role="button" href="#" class="usebutton del-item-link" onclick="return false">
                          <span aria-hidden="true" class="fa-trash-o fa-edit-icon"></span>
                        </a>
                        <a role="button" class="usebutton add-link" href="#" onclick="return false">
                          <span aria-hidden="true" class="fa-plus fa-edit-icon plus-edit-icon"></span>
                        </a>
                      </div>
                    </div>
                  </div>
                  <div style="display:none" rsf:id="movieId" class="movie-id"></div>
                  <div style="display:none" rsf:id="movieHeight" class="mm-height"></div>
                  <div style="display:none" rsf:id="movieWidth" class="mm-width"></div>
                  <div class="description" rsf:id="description3"></div>
                  <div style="display:none" rsf:id="prerequisite" class="movie-prerequisite"></div>
                  <div style="display:none" rsf:id="mimetype5" class="mm-type"></div>
                  <div style="display:none" rsf:id="current-item-id6" class="mm-itemid"></div>
                  <div style="display:none" rsf:id="item-groups5" class="item-groups"></div>
                  <span style="display:none" rsf:id="item-path5" class="item-path"></span>
                </div>

                <div rsf:id="commentsgroup-td" aria-hidden="true" class="group-col">
                  <div>
                    <a href="#" class="usebutton" onclick="return false" rsf:id="group-comments"></a><span rsf:id="icon-comments"></span></div>
                </div>
                <div rsf:id="commentsSpan" class="commentsCell right-col">
                  <p rsf:id="missing-prereqs" class="sak-banner-warn narrow-instruction"></p>
                  <div class="commentsDiv" rsf:id="commentsDiv">
                    <div rsf:id="item-group-titles6" class="item-group-titles"></div>

                    <h3 class="lb-offscreen" rsf:id="msg=simplepage.comments-section"></h3>

                    <div rsf:id="msg=simplepage.replace-with-comments" class="replaceWithComments">Loading Comments ...</div>

                    <div class="add-comment-button">
                      <img rsf:id="comment-required-image" src="/lessonbuilder-tool/images/available.png" class="status-image icon-image" style="margin-right:3px" />
                      <button type="button" rsf:id="add-comment-link" class="btn btn-link switchLink" onclick="switchEditors($(this))"><span rsf:id="add-comment-text"></span></button>
                    </div>
                    <form class="commentArea" rsf:id="comment-form">
                      <input type="hidden" rsf:id="csrf2" />
                      <input type="hidden" rsf:id="comment-item-id"></input>
                      <input type="hidden" rsf:id="comment-edit-id" class="comment-edit-id"></input>

                      <div>
                        <textarea rsf:id="comment-text-area-evolved:"></textarea>
                      </div>

                      <div class="buttonset act">
                        <input type="submit" class="submitButton" href="#" rsf:id="add-comment" id="add-comment"><span rsf:id="simplepage.save_message"></span></input>
                        <input type="submit" class="cancelButton"></input>
                      </div>
                    </form>
                  </div>
                  <div rsf:id="comments-td" role="toolbar" class="edit-col">
                    <div>
                      <a role="button" href="#" class="usebutton gradingPaneLink" rsf:id="gradingPaneLink">
                        <span aria-hidden="true" class="fa-list-ul fa-edit-icon"></span>
                      </a>
                      <a rsf:id="edit-comments" role="button" class="usebutton edit-comments" data-bs-toggle="modal" data-bs-target="#comments-dialog" aria-controls="comments-dialog" aria-expanded="false" href="#" onclick="return false">
                        <span aria-hidden="true" class="fa-edit fa-edit-icon"></span>
                      </a>
                      <a role="button" href="#" class="usebutton del-item-link" onclick="return false">
                        <span aria-hidden="true" class="fa-trash-o fa-edit-icon"></span>
                      </a>
                      <a role="button" class="usebutton add-link" href="#" onclick="return false">
                        <span aria-hidden="true" class="fa-plus fa-edit-icon plus-edit-icon"></span>
                      </a>
                    </div>
                  </div>
                  <a href="#" style="display:none" rsf:id="commentsLink" class="commentsBlock"></a>
                  <span style="display:none" rsf:id="commentsId" class="comments-id"></span>
                  <span style="display:none" rsf:id="commentsAnon" class="commentsAnon"></span>
                  <span style="display:none" rsf:id="comments-groups" class="item-groups"></span>
                  <span style="display:none" rsf:id="commentsitem-required" class="commentsitem-required"></span>
                  <span style="display:none" rsf:id="commentsitem-prerequisite" class="commentsitem-prerequisite"></span>
                  <span style="display:none" rsf:id="commentsGrade" class="commentsGrade"></span>
                  <span style="display:none" rsf:id="commentsMaxPoints" class="commentsMaxPoints"></span>
                </div>

                <div rsf:id="checklistItemContainer" class="right-col">
                  <div class="checklistDiv" rsf:id="checklistDiv">
                    <h3 class="checklistTitle" rsf:id="checklistTitle"></h3><span rsf:id="item-groups-titles-checklist" class="item-group-titles"></span>
                    <p class="checklistDescription" rsf:id="checklistDescription"></p>
                    <div rsf:id="error-checklist-not-saved" id="saveChecklistError" class="sak-banner-error" style="display: none;"></div>
                    <div class="checklistItemDiv" rsf:id="checklistItemDiv">
                      <form action="#" rsf:id="checklistItemForm" class="checklistItemForm">
                        <div id="checklistItemsDiv" rsf:id="checklistItemsDiv">
                          <span rsf:id="checklist-span" />
                          <div rsf:id="select-checklistitem-list:" class="form-check">
                            <input class="form-check-input" type="checkbox" rsf:id="select-checklistitem" />
                            <label class="form-check-label" rsf:id="select-checklistitem-name"></label>
                            <span class="tooltip-content" rsf:id="select-checklistitem-linked-details"></span>
                            <span class="fa fa-link" aria-hidden="true" rsf:id="linked-checklistitem-linked-icon"></span>
                            <span class="fa fa-chain-broken" aria-hidden="true" rsf:id="linked-checklistitem-broken-link-icon"></span>
                          </div>
                        </div>
                        <input type="hidden" rsf:id="checklistId" id="checklistId" class="checklistId" />
                        <input type="hidden" rsf:id="checklistItemId" />
                      </form>
                    </div>
                  </div>
                  <div rsf:id="editchecklist-td" role="toolbar" class="edit-col">
                    <div>
                      <a role="button" href="#" class="usebutton itemLink" rsf:id="edit-checklistProgress">
                        <span aria-hidden="true" class="fa-list-ul fa-edit-icon"></span>
                      </a>
                      <a role="button" href="#" class="usebutton itemLink" rsf:id="edit-checklist">
                        <span aria-hidden="true" class="fa-edit fa-edit-icon fa-edit-icon"></span>
                      </a>
                      <a role="button" href="#" class="usebutton del-item-link" onclick="return false">
                        <span aria-hidden="true" class="fa-trash-o fa-edit-icon"></span>
                      </a>
                      <a role="button" class="usebutton add-link">
                        <span aria-hidden="true" class="fa-plus plus-edit-icon fa-edit-icon"></span>
                      </a>
                    </div>
                  </div>
                </div>

                <div rsf:id="studentgroup-td" aria-hidden="true" class="group-col">
                  <div><a href="#" class="usebutton" onclick="return false" rsf:id="group-student"><span rsf:id="icon-student"></span></a></div>
                </div>
                <div rsf:id="studentSpan" class="right-col">
                  <span rsf:id="student-missing-prereqs" class="sak-banner-warn narrow-instruction"></span>
                  <div class="studentDiv" rsf:id="studentDiv">
                    <div rsf:id="item-group-titles7" class="item-group-titles"></div>
                    <div class="studentContentTable" rsf:id="studentContentTable" role="list">
                      <span class="bi bi-file-earmark-text item-image student-image" aria-hidden="true"></span>
                      <h3 class="studentContentTitle" rsf:id="studentContentTitle" id="studentContentTitle"></h3>
                      <div rsf:id="studentRow:" class="studentRow" role="listitem">
                        <span rsf:id="newPageImg" aria-hidden="true" class="fa-file-o fa-fw"></span>
                        <span rsf:id="newPageImgT" aria-hidden="true" class="fa-fw">&nbsp;</span>
                        <span rsf:id="newContentImg" aria-hidden="true" class="fa-th-list fa-fw"></span>
                        <span rsf:id="newContentImgT" aria-hidden="true" class="fa-fw">&nbsp;</span>
                        <span rsf:id="newCommentsImg" aria-hidden="true" class="fa-comments fa-fw"></span>
                        <span rsf:id="newCommentsImgT" aria-hidden="true" class="fa-fw">&nbsp;</span>
                        <a href="#" rsf:id="studentLink" class="studentLink"></a>
                        <span rsf:id="studentGradingCell" class="gradingCell"></span>
                        <div rsf:id="linkCell" class="linkCell">
                          <img rsf:id="student-required-image" src="/lessonbuilder-tool/images/available.png" class="status-image icon-image" style="margin-right:3px" />
                          <form rsf:id="add-content-form" action="#" id="add-content-form" method="post" enctype="multipart/form-data">
                            <input type="hidden" rsf:id="csrf27" />
                            <input type="hidden" rsf:id="add-content-itemId" />
                            <input type="submit" rsf:id="add-content" id="add-content" class="addStudentContent" />
                          </form>
                        </div>
                        <h3 class="missingStudentTitle studentContentTitle" rsf:id="missingStudentTitle"></h3>
                        <div class="missingStudent" rsf:id="missingStudent"></div>
                        <div rsf:id="student-zero-div">
                          <form rsf:id="student-zero-form" action="#" id="student-zero-form" method="post" enctype="multipart/form-data">
                            <input type="hidden" rsf:id="student-zero-csrf" />
                            <input type="hidden" rsf:id="student-zero-item" />
                            <input type="submit" rsf:id="student-zero" id="student-zero" class="setStudentZero" />
                          </form>
                        </div>
                      </div>
                    </div>
                    <div class="add-comment-button">
                      <a role="button" rsf:id="peer-eval-stats-link" class="usebutton switchLink peer-eval-stats"><span style="font-weight:normal" rsf:id="msg=simplepage.peer-eval-stats"></span></a>
                    </div>
                  </div>
                  <div rsf:id="student-td" role="toolbar" class="edit-col">
                    <div>
                      <a role="button" href="#" class="usebutton gradingPaneLink" rsf:id="studentGradingPaneLink">
                        <span aria-hidden="true" class="fa-list-ul fa-edit-icon"></span>
                      </a>
                      <a role="button" rsf:id="edit-student" class="usebutton edit-student" data-bs-toggle="modal" data-bs-target="#student-dialog" aria-controls="student-dialog" aria-expanded="false" href="#" onclick="return false">
                        <span aria-hidden="true" class="fa-edit fa-edit-icon"></span>
                      </a>
                      <a role="button" href="#" class="usebutton del-item-link" onclick="return false">
                        <span aria-hidden="true" class="fa-trash-o fa-edit-icon"></span>
                      </a>
                      <a role="button" class="usebutton add-link" href="#" onclick="return false">
                        <span aria-hidden="true" class="fa-plus fa-edit-icon plus-edit-icon"></span>
                      </a>
                    </div>
                  </div>
                  <div style="display:none" rsf:id="studentId" class="student-id"></div>
                  <div style="display:none" rsf:id="studentAnon" class="studentAnon"></div>
                  <div style="display:none" rsf:id="studentComments" class="studentComments"></div>
                  <div style="display:none" rsf:id="peer-eval" class="peer-eval"></div>
                  <div style="display:none" rsf:id="peer-eval-title" class="peer-eval-title"></div>
                  <div style="display:none" rsf:id="peer-eval-open-date" class="peer-eval-open-date"></div>
                  <div style="display:none" rsf:id="peer-eval-open-time" class="peer-eval-open-time"></div>
                  <div style="display:none" rsf:id="peer-eval-due-date" class="peer-eval-due-date"></div>
                  <div style="display:none" rsf:id="peer-eval-due-time" class="peer-eval-due-time"></div>
                  <div style="display:none" rsf:id="peer-eval-allow-self" class="peer-eval-allow-self"></div>
                  <div style="display:none" rsf:id="peer-eval-row:" class="peer-eval-row">
                    <span rsf:id="peerReviewId" class="peerReviewId"></span>
                    <span rsf:id="peerReviewText" class="peerReviewText"></span>
                  </div>
                  <div style="display:none" rsf:id="peer-eval-sample-title" class="peer-eval-sample-title"></div>
                  <div style="display:none" rsf:id="peer-eval-sample-data:" class="peer-eval-sample-data">
                    <span rsf:id="peer-eval-sample-id" class="peer-eval-sample-id"></span>
                    <span rsf:id="peer-eval-sample-text" class="peer-eval-sample-text"></span>
                  </div>
                  <div style="display:none" rsf:id="forcedAnon" class="forcedAnon"></div>
                  <span style="display:none" rsf:id="studentGrade" class="studentGrade"></span>
                  <span style="display:none" rsf:id="studentMaxPoints" class="studentMaxPoints"></span>
                  <span style="display:none" rsf:id="studentGradebookTitle" class="studentGradebookTitle"></span>
                  <span style="display:none" rsf:id="studentGrade2" class="studentGrade2"></span>
                  <span style="display:none" rsf:id="studentMaxPoints2" class="studentMaxPoints2"></span>
                  <span style="display:none" rsf:id="student-groups" class="item-groups"></span>
                  <span style="display:none" rsf:id="student-group-owned" class="student-group-owned"></span>
                  <span style="display:none" rsf:id="student-owner-groups" class="student-owner-groups"></span>
                  <span style="display:none" rsf:id="student-group-owned-eval-individual" class="student-owned-eval-individual"></span>
                  <span style="display:none" rsf:id="student-group-owned-see-only-own" class="student-owned-see-only-own"></span>
                  <span style="display:none" rsf:id="studentitem-required" class="studentitem-required"></span>
                  <span style="display:none" rsf:id="studentitem-prerequisite" class="studentitem-prerequisite"></span>
                </div>

                <div rsf:id="peerReviewRubricStudent" class="right-col" style="width:100%;" colspan="2">
                  <div class="add-peereval-button">
                    <button type="button"
                        rsf:id="add-peereval-link"
                        class="btn btn-link"
                        data-bs-toggle="collapse"
                        data-bs-target="#peer-eval-block"
                        aria-controls="peer-eval-block"
                        aria-expanded="false">
                      <span rsf:id="add-peereval-text"></span>
                    </button>
                  </div>
                  <div rsf:id="existing-peer-eval-data" class="existing-peer-eval-data" style="display:none;">
                    <div rsf:id="peer-eval-data:" class="peer-eval-data">
                      <div rsf:id="peer-eval-row-text" class="peer-eval-row-text"></div>
                      <div rsf:id="peer-eval-grade" class="peer-eval-grade"></div>
                    </div>
                  </div>
                  <div rsf:id="my-existing-peer-eval-data" class="my-existing-peer-eval-data" style="display:none;">
                    <div rsf:id="my-peer-eval-data:" class="my-peer-eval-data">
                      <div rsf:id="peer-eval-row-text" class="peer-eval-row-text"></div>
                      <div rsf:id="peer-eval-grade" class="peer-eval-grade"></div>
                      <div rsf:id="peer-eval-count" class="peer-eval-count"></div>
                    </div>
                  </div>
                  <!-- hidden by default until .add-peereval-button is clicked -->
                  <div id="peer-eval-block" class="collapse peer-eval-div" style="max-width:800px;">
                    <h3>
                      <span rsf:id="peer-eval-title-student" class="peer-eval-title-student"></span>
                      <span rsf:id="peer-eval-grade-directions" style="float:right;"></span>
                    </h3>
                    <form action="#" rsf:id="peer-review-form" class="peer-review-form">
                      <input type="hidden" rsf:id="peer-eval-itemid" />
                      <div class="peer-eval-target" rsf:id="peer-eval-target:">
                        <h4><span rsf:id="peer-eval-target-name"></span></h4>
                        <input type="hidden" class="peer-eval-target-id" rsf:id="peer-eval-target-id" />
                        <table role="grid" id="peer-eval-create-table" class="peer-eval-create-table" style="width: 100%; height: 100%; border: 1px solid black;">
                          <thead>
                            <tr>
                              <th></th>
                              <th>4</th>
                              <th>3</th>
                              <th>2</th>
                              <th>1</th>
                              <th>0</th>
                            </tr>
                          </thead>
                          <tbody>
                            <tr rsf:id="peer-eval-row-student:" class="peer-eval-row">
                              <td aria-live="polite">
                                <span rsf:id="peerReviewTextStudent" class="peerReviewText"></span>
                                <input type="hidden" class="peer-eval-row-data" rsf:id="peer-eval-row-data" />
                                <span style="display:none;" rsf:id="peerReviewIdStudent" class="peerReviewId"></span>
                                <span class="peerReviewValue lb-offscreen"></span>
                              </td>
                              <td rsf:id="peer-eval-cell:"></td>
                            </tr>
                          </tbody>
                        </table>
                      </div>
                      <button class="btn btn-link" rsf:id="cancel-peereval-button">
                        <a rsf:id="cancel-peereval-link" class="cancel-peereval-link" onclick="return false;">
                          <span rsf:id="cancel-peereval-text"></span>
                        </a>
                      </button>
                      <input type="submit" rsf:id="save-peereval-link" class="usebutton switchLink save-peereval-link">
                        <span rsf:id="save-peereval-text"></span>
                      </input>
                      <input type="hidden" rsf:id="csrf6" />
                    </form>
                  </div>
                  <div rsf:id="peerReviewRubricStudent-edit" role="toolbar" class="edit-col"></div>
                </div>

                <!-- HERE -->

                <div rsf:id="questiongroup-td" aria-hidden="true" class="group-col">
                  <div>
                    <a href="#" class="usebutton" onclick="return false" rsf:id="group-question">
                      <span rsf:id="icon-question"></span>
                    </a>
                  </div>
                </div>
                <div rsf:id="questionSpan" class="right-col">
                  <div class="questionDiv" rsf:id="questionDiv">
                    <div rsf:id="questionitem-group-titles" class="item-group-titles"></div>
                    <div class="statusCol">
                      <span rsf:id="questionStatus" aria-hidden="true"></span>
                    </div>

                    <div class="contentCol">
                      <span class="bi bi-list-ul item-image question-image" aria-hidden="true"></span>
                      <span class="lb-offscreen" rsf:id="questionNote"></span>
                      <div class="questionText fs-4 fw-bold" rsf:id="questionText"></div>
                      <div class="multiplechoiceDiv" rsf:id="multipleChoiceDiv">
                        <form action="#" rsf:id="multipleChoiceForm" class="multipleChoiceForm">
                          <input type="hidden" class="raw-question-text" rsf:id="raw-question-text" />
                          <input type="hidden" rsf:id="csrf4" />
                          <input type="hidden" rsf:id="multipleChoiceId" />
                          <span rsf:id="multipleChoiceSelect:"></span>
                          <div rsf:id="multipleChoiceAnswer:" class="multipleChoiceAnswer">
                            <input type="radio" rsf:id="multipleChoiceAnswerRadio" name="multipleChoiceAnswerRadio" />
                            <label rsf:id="multipleChoiceAnswerText" />
                          </div>
                          <input class="question-submit" type="submit" value="Answer!" rsf:id="answerMultipleChoice" />
                          <input class="showPollGraph question-submit" type="submit" rsf:id="showPollGraph" onclick="return false;" />
                        </form>
                      </div>

                      <div class="shortanswerDiv" rsf:id="shortanswerDiv">
                        <form action="#" rsf:id="shortanswerForm" class="shortanswerForm">
                          <input type="hidden" class="raw-question-text" rsf:id="raw-question-text" />
                          <input type="hidden" rsf:id="csrf5" />
                          <input type="hidden" rsf:id="shortanswerId" />
                          <div id="answerInput"><span rsf:id="msg=simplepage.answer"></span></div>
                          <textarea rsf:id="shortanswerInput" aria-labelledby="answerInput" class="shortAnswerInput" rows="4"></textarea>
                          <input class="bold question-submit mt-2" type="submit" value="Answer!" rsf:id="answerShortanswer" />
                        </form>
                      </div>

                      <div rsf:id="questionStatusText" class="questionStatusText"></div>

                      <div style="display:none" rsf:id="questionPollData:" class="questionPollData">
                        <span rsf:id="questionPollText" class="questionPollText"></span>
                        <span rsf:id="questionPollLegend" class="questionPollLegend"></span>
                        <span rsf:id="questionPollNumber" class="questionPollNumber"></span>
                      </div>
                      <div rsf:id="questionPollGraph" class="questionPollGraph"></div>
                    </div>
                    <div class="questionDivControl">
                      <span style="display:none" rsf:id="msg=simplepage.show-poll" class="show-poll"></span>
                      <span style="display:none" rsf:id="msg=simplepage.hide-poll" class="hide-poll"></span>
                    </div>

                  </div>
                  <div rsf:id="question-td" role="toolbar" class="edit-col">
                    <div>
                      <a role="button" href="#" class="usebutton gradingPaneLink" rsf:id="questionGradingPaneLink">
                        <span aria-hidden="true" class="fa-list-ul fa-edit-icon"></span>
                      </a>
                      <a role="button" rsf:id="edit-question" class="usebutton edit-question" data-bs-toggle="modal" data-bs-target="#question-dialog" aria-controls="question-dialog" aria-expanded="false" href="#" onclick="return false">
                        <span aria-hidden="true" class="fa-edit fa-edit-icon"></span>
                      </a><a role="button" href="#" class="usebutton del-item-link" onclick="return false">
                        <span aria-hidden="true" class="fa-trash-o fa-edit-icon"></span>
                      </a>
                      <a role="button" class="usebutton add-link">
                        <span aria-hidden="true" class="fa-plus plus-edit-icon fa-edit-icon"></span>
                      </a>
                    </div>
                  </div>

                  <span style="display:none" rsf:id="questionId" class="question-id"></span>
                  <span style="display:none" rsf:id="questionAnswer" class="questionAnswer"></span>
                  <span style="display:none" rsf:id="questionType" class="questionType"></span>
                  <div style="display:none" rsf:id="questionMultipleChoiceAnswer:" class="questionMultipleChoiceAnswer">
                    <span rsf:id="questionMultipleChoiceAnswerId" class="questionMultipleChoiceAnswerId"></span>
                    <span rsf:id="questionMultipleChoiceAnswerText" class="questionMultipleChoiceAnswerText"></span>
                    <span rsf:id="questionMultipleChoiceAnswerCorrect" class="questionMultipleChoiceAnswerCorrect"></span>
                    <input type="hidden" class="raw-questionAnswer-text" rsf:id="raw-questionAnswer-text" />
                  </div>
                  <span style="display:none" rsf:id="questionShowPoll" class="questionShowPoll"></span>
                  <span style="display:none" rsf:id="questionGrade" class="questionGrade"></span>
                  <span style="display:none" rsf:id="questionMaxPoints" class="questionMaxPoints"></span>
                  <span style="display:none" rsf:id="questionGradebookTitle" class="questionGradebookTitle"></span>
                  <span style="display:none" rsf:id="questionitem-required" class="questionitem-required"></span>
                  <span style="display:none" rsf:id="questionitem-prerequisite" class="questionitem-prerequisite"></span>
                  <span style="display:none" rsf:id="questionitem-groups" class="item-groups"></span>
                  <span style="display:none" rsf:id="questionCorrectText" class="questionCorrectText"></span>
                  <span style="display:none" rsf:id="questionIncorrectText" class="questionIncorrectText"></span>
                </div>
              </div>
            </div>
            <script>
              // to avoid flickering, process buttons in this item now
              $('.usebutton').button({
                text: true
              });
            </script>
          </div>
        </div>
        <!-- end section wrapper -->
      </div>
      <script>
        // to avoid flickering, process indent here
        doIndents();
      </script>

    </div>

    <iframe rsf:id="startupHelp" role="document" name="SimplePageIFrame" class="portletMainIframe startupHelp multimedia" frameborder="0" onload="resizeiframe_showpage('iframe')" marginwidth="0" width="100%" height="500" marginheight="0" scrolling="auto" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true" id="iframe"></iframe>
    <ul class="navIntraTool">
      <li class="bottomButtons contentButton">
        <a role="button" class="nextprev prev menuitem button" href="#" rsf:id="prev1">next</a>
        <a role="button" class="bottomRight nextprev prev menuitem button" href="#" rsf:id="next1">next</a>
      </li>
    </ul>

    <div style="display:none;">
      <p rsf:id="msg=simplepage.announcements-no-message" id="simplepage.announcements-no-message"></p>
      <p rsf:id="msg=simplepage.calendar-more-info" id="simplepage.calendar-more-info"></p>
      <p rsf:id="msg=simplepage.announcements-header-title" id="simplepage.announcements-header-title"></p>
      <p rsf:id="msg=simplepage.eventAttachments" id="simplepage.eventAttachments"></p>
      <p rsf:id="msg=simplepage.add-comment" id="simplepage.add-comment"></p>
      <p rsf:id="msg=simplepage.edit-comment" id="simplepage.edit-comment"></p>
      <p rsf:id="msg=simplepage.cancel_message" id="simplepage.cancel_message"></p>
      <p rsf:id="msg=simplepage.delete_comment" id="simplepage.delete_comment"></p>
      <p rsf:id="msg=simplepage.save_message" id="simplepage.save_message"></p>
      <p rsf:id="msg=simplepage.ckeditor" id="simplepage.ckeditor"></p>
      <p rsf:id="msg=simplepage.forum-summary-no-message" id="simplepage.forum-summary-no-message"></p>
      <p rsf:id="msg=simplepage.forum-summary-error-message" id="simplepage.forum-summary-error-message"></p>
      <p rsf:id="msg=simplepage.forum-header-title" id="simplepage.forum-header-title"></p>
      <p rsf:id="msg=simplepage.clickToExpand" id="simplepage.clickToExpand"></p>
      <p rsf:id="msg=simplepage.clickToCollapse" id="simplepage.clickToCollapse"></p>
      <p rsf:id="msg=simplepage.twitter-name-notblank" id="simplepage.twitter-name-notblank"></p>
      <p rsf:id="msg=simplepage.height-error-message" id="simplepage.height-error-message"></p>
      <p rsf:id="msg=simplepage.status.completed" id="simplepage.status.completed"></p>
      <p rsf:id="msg=simplepage.announcements-error-message" id="simplepage.announcements-error-message"></p>
      <p rsf:id="msg=simplepage.announcements-header-title" id="simplepage.announcements-header-title"></p>
      <p rsf:id="msg=simplepage.created-by" id="simplepage.created-by"></p>
    </div>

    <form class="gradingForm" rsf:id="gradingForm" style="display:none;">
      <input type="hidden" class="idField" id="gradingForm-id" rsf:id="gradingForm-id"></input>
      <input type="hidden" class="jsIdField" id="gradingForm-jsId" rsf:id="gradingForm-jsId"></input>
      <input type="hidden" class="pointsField" id="gradingForm-points" rsf:id="gradingForm-points"></input>
      <input type="hidden" class="typeField" id="gradingForm-type" rsf:id="gradingForm-type"></input>
      <input type="hidden" class="csrfField" id="csrf" rsf:id="csrf" />
    </form>

    <script rsf:id="gradingForm-init">
      // a real function call with real values which come from the
      // "emitJavascriptCall" method will be placed here by RSF
    </script>

    <form class="saveChecklistForm" rsf:id="saveChecklistForm" style="display:none;">
      <input type="hidden" class="checkboxElementId" id="saveChecklistForm-checkboxElementId" rsf:id="saveChecklistForm-checkboxElementId"></input>
      <input type="hidden" class="checklistIdField" id="saveChecklistForm-checklistId" rsf:id="saveChecklistForm-checklistId"></input>
      <input type="hidden" class="checklistItemIdField" id="saveChecklistForm-checklistItemIdInput" rsf:id="saveChecklistForm-checklistItemIdInput"></input>
      <input type="hidden" class="checklistItemDoneField" id="saveChecklistForm-checklistItemDone" rsf:id="saveChecklistForm-checklistItemDone"></input>
      <input type="hidden" class="checklistCsrfField" id="saveChecklistForm-csrf" rsf:id="saveChecklistForm-csrf"></input>
    </form>

    <script rsf:id="saveChecklistForm-init" >
      // a real function call with real values which come from the
      // "emitJavascriptCall" method will be placed here by RSF
    </script>

    <div rsf:id="dialogDiv" style="display:none">
      <div id="messages">
        <p rsf:id="msg=simplepage.require_submit_assessment" id="simplepage.require_submit_assessment"></p>
        <p rsf:id="msg=simplepage.require_submit_assignment" id="simplepage.require_submit_assignment"></p>
        <p rsf:id="msg=simplepage.require_submit_forum" id="simplepage.require_submit_forum"></p>
        <p rsf:id="msg=simplepage.require_submit_blti" id="simplepage.require_submit_blti"></p>
        <p rsf:id="msg=simplepage.require_receive" id="simplepage.require_receive"></p>
        <p rsf:id="msg=simplepage.require_points_assessment" id="simplepage.require_points_assessment"></p>
        <p rsf:id="msg=simplepage.require_points_assignment" id="simplepage.require_points_assignment"></p>
        <p rsf:id="msg=simplepage.require_pass_assignment" id="simplepage.require_pass_assignment"></p>
        <p rsf:id="msg=simplepage.require_atleast" id="simplepage.require_atleast"></p>
        <p rsf:id="msg=simplepage.require_checkmark" id="simplepage.require_checkmark"></p>
        <p rsf:id="msg=simplepage.title_notblank" id="simplepage.title_notblank"></p>
        <p rsf:id="msg=simplepage.must_be_youtube" id="simplepage.must_be_youtube"></p>
        <p rsf:id="msg=simplepage.item_notblank" id="simplepage.item_notblank"></p>
        <p rsf:id="msg=simplepage.page_notblank" id="simplepage.page_notblank"></p>
        <p rsf:id="msg=simplepage.subpage_invalid_chars" id="simplepage.subpage_invalid_chars"></p>
        <p rsf:id="msg=simplepage.tag_iframe" id="simplepage.tag_iframe"></p>
        <p rsf:id="msg=simplepage.tag_img" id="simplepage.tag_img"></p>
        <p rsf:id="msg=simplepage.edit_quiz" id="simplepage.edit_quiz"></p>
        <p rsf:id="msg=simplepage.edit_quiz_settings" id="simplepage.edit_quiz_settings"></p>
        <p rsf:id="msg=simplepage.edit_assignment" id="simplepage.edit_assignment"></p>
        <p rsf:id="msg=simplepage.edit_topic" id="simplepage.edit_topic"></p>
        <p rsf:id="msg=simplepage.edit_blti" id="simplepage.edit_blti"></p>
        <p rsf:id="msg=simplepage.number_pages_not_number" id="simplepage.number_pages_not_number"></p>
        <p rsf:id="msg=simplepage.title_no_number" id="simplepage.title_no_number"></p>
        <p rsf:id="msg=simplepage.site" id="simplepage.site"></p>
        <p rsf:id="msg=simplepage.system" id="simplepage.system"></p>
        <p rsf:id="msg=simplepage.integer-expected" id="simplepage.integer-expected"></p>
        <p rsf:id="msg=simplepage.integer-too-big" id="simplepage.integer-too-big"></p>
        <p rsf:id="msg=simplepage.gbname-expected" id="simplepage.gbname-expected"></p>

        <p rsf:id="msg=simplepage.multi_gradebook.no_group" id="simplepage.multi_gradebook.no_group"></p>

        <p rsf:id="msg=simplepage.width-height" id="simplepage.width-height"></p>
        <p rsf:id="msg=simplepage.nothing-over-100-percent" id="simplepage.nothing-over-100-percent"></p>
        <p rsf:id="msg=simplepage.missing-question-text" id="simplepage.missing-question-text"></p>
        <p rsf:id="msg=simplepage.question-need-2" id="simplepage.question-need-2"></p>
        <p rsf:id="msg=simplepage.httphttps" id="simplepage.httphttps"></p>
        <p rsf:id="msg=simplepage.edit" id="simplepage.edit"></p>
        <p rsf:id="msg=simplepage.addLink_label_add" id="simplepage.addLink_label_add"></p>
        <p rsf:id="msg=simplepage.addLink_label_add_or" id="simplepage.addLink_label_add_or"></p>
        <p rsf:id="msg=simplepage.addFile_label_name" id="simplepage.addFile_label_name"></p>
        <p rsf:id="msg=simplepage.linkTitle" id="simplepage.linkTitle"></p>
        <p rsf:id="msg=simplepage.deletecommentsubmissionexist" id="simplepage.deletecommentsubmissionexist"></p>
        <p rsf:id="msg=simplepage.deletestudentsubmissionexist" id="simplepage.deletestudentsubmissionexist"></p>
        <p rsf:id="msg=simplepage.delete_page_confirm" id="simplepage.delete_page_confirm"></p>
        <p rsf:id="msg=simplepage.delete" id="simplepage.delete"></p>
        <p rsf:id="msg=simplepage.cancel_message" id="simplepage.cancel_message"></p>
        <p rsf:id="msg=simplepage.delete_comment" id="simplepage.delete_comment"></p>
        <p rsf:id="msg=simplepage.add_caption" id="simplepage.add_caption"></p>
        <p rsf:id="msg=simplepage.change_caption" id="simplepage.change_caption"></p>
        <p rsf:id="msg=simplepage.join-items" id="simplepage.join-items"></p>
        <p rsf:id="msg=simplepage.break-items" id="simplepage.break-items"></p>
        <p rsf:id="msg=simplepage.delete-item" id="simplepage.delete-item"></p>
        <p rsf:id="msg=simplepage.add-above" id="simplepage.add-above"></p>
        <p rsf:id="msg=simplepage.add-content" id="simplepage.add-content"></p>
        <p rsf:id="msg=simplepage.add-item-column" id="simplepage.add-item-column"></p>
        <p rsf:id="msg=simplepage.more-tools" id="simplepage.more-tools"></p>
        <p rsf:id="msg=simplepage.join-items" id="simplepage.join-items"></p>
        <p rsf:id="msg=simplepage.break-here" id="simplepage.break-here"></p>
        <p rsf:id="msg=simplepage.break-column-here" id="simplepage.break-column-here"></p>
        <p rsf:id="msg=simplepage.columnopen" id="simplepage.columnopen"></p>
        <p rsf:id="msg=simplepage.remove_from_uploads" id="simplepage.remove_from_uploads"></p>
        <p rsf:id="msg=simplepage.title_for_upload" id="simplepage.title_for_upload"></p>
        <p rsf:id="msg=simplepage.max-file-upload-size" id="simplepage.max-file-upload-size"></p>
        <p rsf:id="msg=simplepage.max-file-upload-size-save" id="simplepage.max-file-upload-size-save"></p>
        <p rsf:id="siteid" id="siteid"></p>
        <p rsf:id="locale" id="locale"></p>
      </div>

    </div>
  </div>

  <div rsf:id="delete-comment-confirm-dialog" id="delete-comment-confirm-dialog" class="modal fade" tabindex="-1" aria-labelledby="commentDeleteLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="commentDeleteLabel" rsf:id="msg=simplepage.delete_comment">simplepage.delete_comment</h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body">
          <span id="delete-dialog-comment-url" style="display:none"></span>
          <i class="bi bi-exclamation-triangle" style="color: red; margin:0 7px 0 0;"></i>
          <span rsf:id="msg=simplepage.delete_comment_confirm" id="delete-comment-confirm"></span>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-link btn-primary" data-bs-dismiss="modal" rsf:id="msg=simplepage.cancel_message">simplepage.cancel_message</button>
          <button id="delete-comment-confirm-button" type="button" class="btn btn-link btn-secondary" rsf:id="msg=simplepage.delete_comment">simplepage.delete_comment</button>
        </div>
      </div>
    </div>
  </div>

  <div id="calendarEventDialog" class="modal fade" tabindex="-1" aria-labelledby="calendarEventModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="calendarEventModalLabel">Placeholder</h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body">
          <div id="eventInfo">
            <label rsf:id="msg=simplepage.startTime" for="startTime"></label>
            <span id="startTime"></span>
            <br/>
            <br/>
            <label rsf:id="msg=simplepage.endTime" for="endTime"></label>
            <span id="endTime"></span>
            <br/>
            <br/>
            <label rsf:id="msg=simplepage.eventType" for="event-type"></label>
            <span id="event-type-icon"></span><span id="event-type"></span>
            <br/>
            <br/>
            <label rsf:id="msg=simplepage.description" for="event-description"></label>
            <span id="event-description"></span>
            <br/>
            <br/>
            <label rsf:id="msg=simplepage.siteName" for="site-name"></label>
            <span id="site-name"></span>
            <br/>
            <span id="eventAttachmentsDiv">
              <label rsf:id="msg=simplepage.eventAttachments" for="event-attachments"></label>
              <span id="event-attachments"></span>
              <br/>
            </span>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div rsf:id="comments-script">
    <script src="$context/js/periodicalupdater.js"></script>
    <script src="$context/js/comments.js"></script>
  </div>

  <form style="display:none" action="#" rsf:id="delete-item-form">
    <input type="hidden" rsf:id="csrf22" />
    <input type="hidden" rsf:id="delete-item-itemid" id="delete-item-itemid" />
    <input type="submit" rsf:id="delete-item-button" id="delete-item-button" />
  </form>

</body>
</html>
